GBP UI - resolved-policy topology size fix

[groupbasedpolicy.git] / groupbasedpolicy-ui / module / src / main / resources / gbp / common / gbp.css

diff --git a/groupbasedpolicy-ui/module/src/main/resources/gbp/common/gbp.css b/groupbasedpolicy-ui/module/src/main/resources/gbp/common/gbp.css
index 2598c3ad578cc9eec33e748672c62da20b44000c..60105a9216f2635d7dc3ac19589d6eeede6e6c05 100644 (file)
--- a/groupbasedpolicy-ui/module/src/main/resources/gbp/common/gbp.css
+++ b/groupbasedpolicy-ui/module/src/main/resources/gbp/common/gbp.css
@@ -1,3 +1,15 @@
+#page_logo {
+    display: none;
+}
+
+.h100 {
+    height:100%
+}
+
+.w100 {
+    width:100%
+}
+
 .gbpUiGlobalWrapper {
     background: #ffffff;
     margin-bottom: 0!important;
@@ -7,6 +19,7 @@
 
 .gbpUiGlobalWrapper .main {
     top: 0px;
+    height: 100%;
 }
 
 .gbpUiWrapper {
@@ -71,7 +84,12 @@
     color: rgba(0,0,0,0.26);
 }
 
-svg g.node text {
+.gbpUiWrapper svg, div#next-vpp-topo svg {
+    border: none;
+    background-image: none;
+}
+
+.gbpUiWrapper svg g.node text {
     pointer-events: auto !important;
 }
 
@@ -94,12 +112,15 @@ svg g.node text {
 
 #graph-container {
     padding-left: 0;
+    background-color: #ffffff;
+    width: 100%;
+    height: 100%;
 }
 
 /* $mdDialog.confirm */
-/* md-dialog button span {
+md-dialog button span {
     color: #000;
-} */
+}
 
 div.layout-padding h3 {
     color: black;
@@ -180,10 +201,17 @@ md-dialog-content > div:first-child {
     font-size: 13px;
     margin-bottom: 0 !important;
     vertical-align: middle;
+    max-height: 20px;
+    line-height: 20px;
 }
 
 .breadcrumbs .breadcrumb[role="button"] {
     color: rgb(33, 150, 243);
+    cursor: pointer;
+}
+
+.breadcrumb i {
+    font-size: 20px !important;
 }
 
 .layout-padding-r10 {
@@ -241,6 +269,7 @@ li > md-autocomplete-parent-scope > span {
 }
 
 md-input-container md-select md-select-value span {
+    font-weight: 500;
     font-size: 14px;
     font-style: inherit;
     font-variant: inherit;
@@ -252,15 +281,83 @@ md-input-container md-select md-select-value span {
     z-index:1001;
 }
 
-#select_value_label_0 {
-    border-bottom-color: white !important;
-    border-bottom-width: 1px;
+md-list-item.md-4-line .md-list-item-text h3{
+    font-size: 16px;
+    font-weight: 400;
+    letter-spacing: 0.010em;
+    margin: 0 0 0px 0;
+    line-height: 1.2em;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    color: rgba(0,0,0,0.87);
+}
+
+md-list-item.md-4-line .md-list-item-text p {
+    font-size: 14px;
+    font-weight: 500;
+    letter-spacing: 0.010em;
+    margin: 0 0 0 0;
+    line-height: 1.6em;
+    color: rgba(0,0,0,0.54);
 }
 
-#select_value_label_0 span {
-    color: white !important;
+
+md-list-item.md-4-line {
+    height: auto;
+    min-height: 100px;
 }
 
-.md-chip-content .ng-binding {
+section.legendBox{
+    position: absolute !important;
+    right: 0;
+    top: 0;
+    z-index: 1;
+    width: 200px;
+}
+
+section.legendBox ul li {
+    list-style-type: none;
+}
+
+.reload-button i {
+    vertical-align: middle;
+}
+
+section.legendBox ul .line.green {
+    border-top: 2px solid #68bd6b;
+}
+
+section.legendBox ul .line.blue {
+    border-top: 2px solid #84a3ff;
+}
+
+section.legendBox ul .line {
+    display: -moz-inline-stack;
+    display: inline-block;
+    vertical-align: top;
+    zoom: 1;
+    margin: 9px 5px 0 0;
+    width: 50px;
+}
+
+.margin-lr0 {
+    margin-right: 0 !important;
+    margin-left: 0 !important;
+}
+
+.popover-title {
+    color: black;
+}
+
+.popover-content span {
+    color: black;
+}
+
+.popover-content h5 {
     color: black;
 }
+
+.n-topology-nav-setting > span {
+    color: #999999;
+}