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