Fix plugin example style

geosolutions-it · Jul 19, 2017 · fd9f047 · fd9f047
1 parent a283551
commit fd9f047
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 9 deletions.
diff --git a/web/client/examples/plugins/app.jsx b/web/client/examples/plugins/app.jsx
@@ -232,7 +232,7 @@ const startApp = () => {
                 <Provider store={store}>
                     <Localized>
                         <div style={{width: "100%", height: "100%"}}>
-                            <div id="plugins-list" style={{position: "absolute", zIndex: "10000", backgroundColor: "white", width: "300px", left: 0, height: "100%", overflow: "auto"}}>
+                            <div id="plugins-list" style={{position: "absolute", zIndex: "10000", width: "300px", left: 0, height: "100%", overflow: "auto"}}>
                                 <h5>Configure application plugins</h5>
                                 <ul>
                                   <FormGroup bsSize="small">

diff --git a/web/client/themes/default/bootstrap-theme.less b/web/client/themes/default/bootstrap-theme.less
@@ -5,7 +5,7 @@
  */
 @bootstrap-path: "~bootstrap/less/";
 // Core variables and mixins
-@import "@{bootstrap-path}variables.less";
+// @import "@{bootstrap-path}variables.less";
 @import "@{bootstrap-path}mixins.less";
 // Reset and dependencies
 @import "@{bootstrap-path}normalize.less";
@@ -50,15 +50,13 @@
 @import "@{bootstrap-path}utilities.less";
 @import "@{bootstrap-path}responsive-utilities.less";
 
-.modal-header {
-    background-color: @ms2-color-primary;
-    color: @ms2-color-text-primary;
-}
+// Custom theme
 
+// Button
 button.close {
     opacity: 1.0;
 }
-// Mixin for generating new styles
+
 .btn-styles(@btn-color-hover) {
 
     &:hover {
@@ -85,3 +83,27 @@ button.close {
 .btn-danger {
     .btn-styles(@ms2-color-danger-hover);
 }
+
+// Modal
+.modal-dialog {
+    width: 290px;
+    margin: auto;
+}
+
+.modal-header {
+    background-color: @ms2-color-primary;
+    color: @ms2-color-text-primary;
+}
+
+@media (min-width: @screen-sm-min) {
+    .modal-dialog {
+        width: @modal-md;
+        margin: auto;
+        margin-top: 150px;
+    }
+}
+
+// Dropdown
+.dropdown-menu {
+    padding: 0;
+}
diff --git a/web/client/themes/default/less/drawer-menu.less b/web/client/themes/default/less/drawer-menu.less
@@ -12,7 +12,7 @@
 	display: block;
 	height: @square-btn-size;
 	width: @square-btn-size;
-	padding: @padding-left-square 0 0 @padding-left-square;
+	padding: floor((@padding-left-square - 1) / 1.230769231) 0 0 (@padding-left-square - 1);
 }
 
 #mapstore-drawermenu .navHeader .glyphicon-remove {

diff --git a/web/client/themes/default/less/square-button.less b/web/client/themes/default/less/square-button.less
@@ -1,7 +1,7 @@
 .square-button {
     height: @square-btn-size;
     width: @square-btn-size;
-    padding: 0 @padding-left-square - 1;
+    padding: floor((@padding-left-square - 1) / 1.230769231 /* font ratio height/width */) (@padding-left-square - 1);
     outline: 0 !important;
 
     .glyphicon {