Fix position of ScaleLineControl (OL3)

Turbo87 · Oct 12, 2016 · 5f87cf0 · 5f87cf0
1 parent 99e06dd
commit 5f87cf0
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/scss/ol3-sidebar.scss b/scss/ol3-sidebar.scss
@@ -26,6 +26,26 @@ $sidebar-inner-border-radius: 2px !default;
                 margin-left: $width-lg + $sidebar-margins + $sidebar-border-width * 2;
             }
         }
+
+        .ol-scale-line {
+            margin-left: $tab-size + $sidebar-border-width * 2;
+
+            @media(min-width: $threshold-sm) {
+                transition: margin-left $sidebar-transition;
+            }
+
+            @media(min-width: $threshold-sm) and (max-width: $threshold-md - 1px) {
+                margin-left: $width-sm + $sidebar-margins + $sidebar-border-width * 2;
+            }
+
+            @media(min-width: $threshold-md) and (max-width: $threshold-lg - 1px) {
+                margin-left: $width-md + $sidebar-margins + $sidebar-border-width * 2;
+            }
+
+            @media(min-width: $threshold-lg) {
+                margin-left: $width-lg + $sidebar-margins + $sidebar-border-width * 2;
+            }
+        }
     }
 
     &.collapsed ~ .sidebar-map {
@@ -35,6 +55,12 @@ $sidebar-inner-border-radius: 2px !default;
                 margin-left: $tab-size + $sidebar-margins + $sidebar-border-width * 2;
             }
         }
+
+        .ol-scale-line {
+            @media(min-width:$threshold-sm) {
+                margin-left: $tab-size + $sidebar-margins + $sidebar-border-width * 2;
+            }
+        }
     }
 }