Fix #2775 Styles misalignment in BorderLayout component (#2785)

geosolutions-it · Mar 30, 2018 · 88a5bbf · 88a5bbf
1 parent 6825a35
commit 88a5bbf
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 6 deletions.
diff --git a/web/client/themes/default/less/common.less b/web/client/themes/default/less/common.less
@@ -138,7 +138,3 @@ textarea {
 .ms2-border-layout-content {
     background-color: @ms2-color-background;
 }
-
-.ms2-border-layout-body {
-    position: relative;
-}
diff --git a/web/client/themes/default/less/widget.less b/web/client/themes/default/less/widget.less
@@ -144,21 +144,41 @@
      * to have the optical illusion of the search input and title
      * inside the global dashboard editor
      */
+     position: relative;
     .layer-selector, .map-selector {
         .ms2-border-layout-body {
             position: relative;
             .compat-catalog, .map-catalog {
                 .catalog-footer {
                     z-index: 100;
-                    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06), 0 -1px 2px rgba(0, 0, 0, 0.12);
+                    .shadow-soft-up;
                 }
                 .catalog-form {
                     width: 100%;
                     padding: 0 auto;
                     z-index: 100;
-                    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
+                    .shadow-soft;
                 }
             }
         }
     }
+
+    /*
+     * fix for google map layer in preview
+     */
+    .map-selector {
+        .ms2-border-layout-body {
+            overflow: hidden;
+        }
+        #__base_map__ {
+            position: relative;
+        }
+    }
+    /*
+     * end - fix for google map layer in preview
+     */
 }
+
+.m-padding-md {
+    padding-bottom: 15px;
+}