MID-8094 fixed tile styles, differentiation between .active and :hover

Evolveum · Sep 13, 2022 · bb921ac · bb921ac
1 parent e44004c
commit bb921ac
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/gui/admin-gui/src/frontend/scss/_tiles.scss b/gui/admin-gui/src/frontend/scss/_tiles.scss
@@ -22,7 +22,11 @@
 @mixin selectable-tile {
   cursor: pointer;
 
-  &:hover,
+  &:hover {
+    border: 2px solid $input-border-color;
+    border-radius: $border-radius;
+  }
+
   &.active {
     border: 2px solid $primary;
     border-radius: $border-radius;
@@ -40,7 +44,10 @@
 }
 
 @mixin selectable-tile-dark-mode {
-  &:hover,
+  &:hover {
+    border-color: $gray-400;
+  }
+
   &.active {
     border-color: $primary-alt;
   }