mirror of
https://github.com/Telecominfraproject/wlan-cloud-ui-library.git
synced 2025-11-18 19:05:07 +00:00
adjusted css selectors & contained styles
This commit is contained in:
@@ -1,3 +1,4 @@
|
|||||||
.Menu {
|
.Menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -21,8 +21,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(:not(.ant-menu-dark).ant-menu-horizontal > .ant-menu-item),
|
:global(.ant-menu-horizontal > .ant-menu-item),
|
||||||
:global(:not(.ant-menu-dark).ant-menu-horizontal > .ant-menu-submenu),
|
:global(.ant-menu-horizontal > .ant-menu-submenu),
|
||||||
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item),
|
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-item),
|
||||||
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu) {
|
:global(.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu) {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
@@ -34,88 +34,88 @@
|
|||||||
:global(.ant-form-item) {
|
:global(.ant-form-item) {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.InlineBlockDiv {
|
.InlineBlockDiv {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
:global(.ant-avatar) {
|
:global(.ant-avatar) {
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.WifiIcon {
|
.WifiIcon {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #35a649;
|
color: #35a649;
|
||||||
border: none;
|
border: none;
|
||||||
font-size: 40px;
|
font-size: 40px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
margin-right: 20px;
|
margin-right: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backButton {
|
.backButton {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.InlineDiv {
|
.InlineDiv {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
}
|
}
|
||||||
|
|
||||||
.InlineDiv > * {
|
.InlineDiv > * {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin: 0 10px 0 0;
|
margin: 0 10px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.InlineBetweenDiv {
|
.InlineBetweenDiv {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.saveButton {
|
.saveButton {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
min-width: 139px;
|
min-width: 139px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.InlineEndDiv {
|
.InlineEndDiv {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
.spanStyle {
|
.spanStyle {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.UpgradeState {
|
.UpgradeState {
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.HeaderDiv {
|
.HeaderDiv {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.troubleshootBtnsDiv {
|
.troubleshootBtnsDiv {
|
||||||
& > * {
|
& > * {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabContentContainer {
|
.tabContentContainer {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.Row {
|
.Row {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: white;
|
color: white;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user