fix: slight changes for cyclebuttons

Eskilstuna-kommun · Apr 24, 2024 · 81e1a2b · 81e1a2b
1 parent 9fbdeed
commit 81e1a2b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/scss/ui/_button.scss b/scss/ui/_button.scss
@@ -91,7 +91,7 @@ button {
     border: 2px solid $white;
 
     &.active {
-      border: 2px solid $grey-light;
+      border: 2px solid $grey;
     }
 
     &.active:hover {
@@ -273,7 +273,7 @@ button:focus:not(:focus-visible),
   }
 
   &.icon-bg:focus:not(:focus-visible) {
-    border: 2px solid $grey-light;
+    border: 2px solid $grey;
   }
 
   &.icon-smaller:focus:not(:focus-visible) {
@@ -315,7 +315,7 @@ button.active,
 }
 
 .cycle {
-  background: linear-gradient(45deg, #8db2d7, #ddddee);
+  background: linear-gradient(45deg, #b8d6f3, #ddddee);
   width: 37px; 
   height: 37px; 
 }
diff --git a/src/controls/legend.js b/src/controls/legend.js
@@ -682,7 +682,7 @@ const Legend = function Legend(options = {}) {
       addBackgroundButtons(backgroundLayers);
       addCycleButtons(cycleGroups);
       toggleGroup = ToggleGroup({
-        components: backgroundLayerButtons.concat(cycleButtons),
+        components: cycleButtons.concat(backgroundLayerButtons),
         cls: 'spacing-horizontal-small'
       });
       this.render();