improvement on sidegrid style

allyoucanmap · allyoucanmap · commit 1703d6783707 · 2019-07-31T15:32:41.000+02:00
diff --git a/web/client/themes/default/less/annotations.less b/web/client/themes/default/less/annotations.less
@@ -78,11 +78,6 @@
     margin-right: 5px;
 }
 
-
-#mapstore-annotations-panel .mapstore-side-card:hover {
-    .shadow;
-}
-
 .mapstore-annotations-panel-cards {
     height: ~'calc(100% - 50px)';
     overflow: auto;
@@ -259,9 +254,8 @@
         }
 
         .msSideGrid {
-            height: ~'calc(100% - 161px)';
+            height: ~'calc(100% - 171px)';
             overflow: auto;
-            margin: 0 30px;
             .mapstore-side-preview {
                 display: flex;
                 & > span {
diff --git a/web/client/themes/default/less/geostory.less b/web/client/themes/default/less/geostory.less
@@ -13,6 +13,23 @@
 }
 
 .ms-geostory-builder {
+    /*
+    overrides for side grid
+    TODO: this style need improvements, missing space between cards and scrollbar
+    */
+    .msSideGrid {
+        position: relative;
+        /*
+        we should not use bootstrap components inside our custom component
+        in particular Row and Col because their behaviours rely on the screen page width
+        */
+        .row {
+            margin: 0;
+        }
+        .col-xs-12 {
+            padding: 0;
+        }
+    }
     .ms-section {
         /*
         Preview card
diff --git a/web/client/themes/default/less/sidegrid.less b/web/client/themes/default/less/sidegrid.less
@@ -1,7 +1,7 @@
 .msSideGrid {
     margin: 8px 16px;
     width: ~"calc(100% - 32px)";
-    position: relative;
+    position: absolute;
     .ms-drag-over {
         margin-top: 8px;
         padding: 4px;
