Border right sidebar, zoom panel will be not hidden when mobile. (#39)

* - zoom panel will be not hidden when mobile. * - fix border for right-aligned * - simplify scss
noerw · Aug 9, 2019 · 4bb6983 · 4bb6983
1 parent 3c56e91
commit 4bb6983
Show file tree

Hide file tree

Showing 5 changed files with 236 additions and 143 deletions.
diff --git a/css/leaflet-sidebar.css b/css/leaflet-sidebar.css
@@ -145,15 +145,16 @@
 
 .leaflet-sidebar {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); }
-  .leaflet-sidebar.leaflet-touch {
-    box-shadow: none;
-    border-right: 2px solid rgba(0, 0, 0, 0.2); }
   @media (min-width: 768px) {
     .leaflet-sidebar {
       border-radius: 4px; }
       .leaflet-sidebar.leaflet-touch {
         border: 2px solid rgba(0, 0, 0, 0.2); } }
 
+.leaflet-sidebar-left.leaflet-touch {
+  box-shadow: none;
+  border-right: 2px solid rgba(0, 0, 0, 0.2); }
+
 @media (min-width: 768px) {
   .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
     transition: left 500ms; } }
@@ -170,9 +171,12 @@
   .leaflet-sidebar-left ~ .leaflet-control-container .leaflet-left {
     left: 470px; } }
 
-@media (min-width: 768px) {
-  .leaflet-sidebar-left.collapsed ~ .leaflet-control-container .leaflet-left {
-    left: 50px; } }
+.leaflet-sidebar-left.collapsed ~ .leaflet-control-container .leaflet-left {
+  left: 50px; }
+
+.leaflet-sidebar-right.leaflet-touch {
+  box-shadow: none;
+  border-left: 2px solid rgba(0, 0, 0, 0.2); }
 
 @media (min-width: 768px) {
   .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
@@ -190,6 +194,5 @@
   .leaflet-sidebar-right ~ .leaflet-control-container .leaflet-right {
     right: 470px; } }
 
-@media (min-width: 768px) {
-  .leaflet-sidebar-right.collapsed ~ .leaflet-control-container .leaflet-right {
-    right: 50px; } }
+.leaflet-sidebar-right.collapsed ~ .leaflet-control-container .leaflet-right {
+  right: 50px; }
diff --git a/css/leaflet-sidebar.min.css b/css/leaflet-sidebar.min.css