Merge "GBP UI fixes"

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

diff --git a/groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css b/groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css
index 31c96d80d4253d7ea73818c65391b2adce2ab176..49bdad36ea8d39e02b0c55652921fe648c49973e 100755 (executable)
--- a/groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css
+++ b/groupbasedpolicy-ui/module/src/main/resources/gbp/gbp.css
@@ -37,12 +37,57 @@
   width: 100%;\r
   float: left;\r
 }\r
+.gbpGlobalWrapper .ep-filter {\r
+  margin-bottom: 20px;\r
+}\r
+.gbpGlobalWrapper .ep-filter DIV {\r
+  width: 48%;\r
+}\r
+.gbpGlobalWrapper .float-left {\r
+  float: left;\r
+}\r
+.gbpGlobalWrapper .float-right {\r
+  float: right;\r
+}\r
+.gbpGlobalWrapper .full-width {\r
+  width: 100%;\r
+}\r
+.gbpGlobalWrapper .full-width .btn {\r
+  width: 50px;\r
+}\r
+.gbpGlobalWrapper .full-width label {\r
+  margin-top: 10px;\r
+}\r
 .gbpWrapper .btn-primary {\r
   color: #ffffff;\r
   background-color: #428bca;\r
   border-color: #357ebd;\r
   font-weight: normal;\r
 }\r
+.gbpWrapper .btn-primary:hover {\r
+  background-color: #1BAAFD;\r
+  border-color: #1BAAFD;\r
+}\r
+.gbpWrapper .btn-primary.bottom-buttons {\r
+  bottom: 0;\r
+  position: absolute;\r
+  margin-bottom: 0 !important;\r
+  background-color: #FF7300;\r
+  border-color: #FF7300;\r
+  width: 45%;\r
+}\r
+.gbpWrapper .btn-primary.bottom-buttons.back {\r
+  right: 0;\r
+  margin-right: 15px;\r
+}\r
+.gbpWrapper .btn-primary.bottom-buttons.home {\r
+  left: 0;\r
+  margin-left: 15px;\r
+}\r
+.gbpWrapper .btn-primary.bottom-buttons:hover {\r
+  background-color: #FF8f33;\r
+  border-color: #FF8f33;\r
+}\r
 .gbpWrapper .noPadding {\r
   padding: 0!important;\r
 }\r
@@ -53,11 +98,18 @@
 .gbpWrapper .rowWrapper {\r
   margin-bottom: 5px;\r
 }\r
+.gbpWrapper .inline-block {\r
+  display: inline-block;\r
+}\r
 .gbpWrapper aside.col-md-3 {\r
-  min-height: 100%;\r
+  min-height: 800px;\r
+}\r
+.gbpWrapper aside.col-md-3 .inWrapper {\r
+  height: 100%;\r
 }\r
 .gbpWrapper .panelWrapper {\r
   padding: 20px 0;\r
+  height: calc(100% - 109px);\r
 }\r
 .gbpWrapper .panelWrapper button.btn {\r
   margin-bottom: 5px;\r
@@ -140,6 +192,9 @@
 .gbpWrapper .icon-remove.align-right {\r
   float: right;\r
 }\r
+.gbpWrapper .icon-remove.align-right.padding {\r
+  margin: 5px 5px 0 0;\r
+}\r
 .gbpWrapper .icon-exclamation-sign.red {\r
   color: red;\r
 }\r
@@ -184,4 +239,69 @@
   border-radius: 5px;\r
   border: 1px solid #d5d5d5;\r
 }\r
-/*GBP END*/
\ No newline at end of file
+.modal-dialog {\r
+  z-index: 100;\r
+  height: 700px;\r
+  width: 700px;\r
+  background-color: white;\r
+  position: fixed;\r
+  opacity: 1;\r
+  top: 50%;\r
+  left: 50%;\r
+  margin: -350px 0 0 -400px;\r
+}\r
+.modal-dialog .modal-header {\r
+  height: 70px;\r
+  padding: 10px 15px;\r
+}\r
+.modal-dialog .modal-navigation {\r
+  float: left;\r
+  width: 150px;\r
+  height: 630px;\r
+  border-right: 1px solid #e5e5e5;\r
+  background-color: #eeeeee;\r
+}\r
+.modal-dialog .modal-navigation ul {\r
+  -webkit-padding-start: 0;\r
+  list-style-type: none;\r
+}\r
+.modal-dialog .modal-navigation ul li.navigation-item {\r
+  height: 54px;\r
+  width: 100%;\r
+  background-color: #eeeeee;\r
+  color: #666;\r
+  font-weight: bold;\r
+  padding: 20px;\r
+}\r
+.modal-dialog .modal-navigation ul li.navigation-item.selected {\r
+  background-color: #428bca;\r
+  border-color: #357ebd;\r
+  color: #ffffff;\r
+}\r
+.modal-dialog .modal-content-container {\r
+  float: right;\r
+  width: 550px;\r
+  height: 630px;\r
+}\r
+.modal-dialog .modal-content-container .content {\r
+  overflow-y: scroll;\r
+  padding: 0 50px 0 20px;\r
+  height: 580px;\r
+}\r
+.modal-dialog .modal-content-container .bottom-navigation {\r
+  height: 50px;\r
+  bottom: 0;\r
+  float: right;\r
+  margin: 8px 30px;\r
+}\r
+.modal-canvas {\r
+  position: fixed;\r
+  top: 0;\r
+  right: 0;\r
+  bottom: 0;\r
+  left: 0;\r
+  z-index: 10;\r
+  background-color: #000;\r
+  opacity: .15;\r
+}\r
+/*GBP END*/\r