Merge pull request #5362 from AntonKhorev/color-mode-preference-map

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 34dca89937aebaa4edc349ffeb1f55a394cc0840..cabdfff493bac420e9daa5b1fe0b3cc3bc6570b9 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -505,11 +505,6 @@ body.small-nav {
 }
 
 @include color-mode(dark) {
 }
 
 @include color-mode(dark) {

-  .leaflet-tile-container .leaflet-tile,
-  .mapkey-table-entry td:first-child > * {
-    filter: brightness(.8);
-  }
-

   .leaflet-container .leaflet-control-attribution a {
     color: var(--bs-link-color);
   }
   .leaflet-container .leaflet-control-attribution a {
     color: var(--bs-link-color);
   }


@@ -519,6 +514,23 @@ body.small-nav {
   }
 }
 
   }
 }
 

+@mixin dark-map-color-scheme {
+  .leaflet-tile-container .leaflet-tile,
+  .mapkey-table-entry td:first-child > * {
+    filter: brightness(.8);
+  }
+}
+
+body[data-map-theme="dark"] {
+  @include dark-map-color-scheme;
+}
+
+@include color-mode(dark) {
+  body:not([data-map-theme]) {
+    @include dark-map-color-scheme;
+  }
+}
+

 /* Rules for attribution text under the main map shown on printouts */
 
 .donate-attr { color: darken($green, 10%) !important; }
 /* Rules for attribution text under the main map shown on printouts */
 
 .donate-attr { color: darken($green, 10%) !important; }


@@ -970,7 +982,15 @@ img.trace_image {
 /* Rules for map sidebar icons */
 
 .browse-section .browse-element-list {
 /* Rules for map sidebar icons */
 
 .browse-section .browse-element-list {

-  line-height: 20px;
+  line-height: 1.25rem;
+
+  .browse-icon {
+    height: 1.25rem;
+  }
+
+  .d-flex > .browse-icon {
+    height: max(20px, 1.25rem);
+  }

 
   @include color-mode(dark) {
     .browse-icon-invertible {
 
   @include color-mode(dark) {
     .browse-icon-invertible {