add svg icons, make event display buttons toggleable

2024-08-05 19:06:04 +02:00
parent a179e8dc42
commit af20820bac
5 changed files with 79 additions and 12 deletions
--- a/web/src/css/button.scss
+++ b/web/src/css/button.scss
@ -84,5 +84,21 @@ button,
        transform: rotate(-45deg);
      }
    }
+
+    &.hasIcon {
+      --color-button-bg: var(--color-deepBrick);
+      --color-button-fg: var(--color-deepBrick);
+      &:after {
+        display: none;
+      }
+      &[data-active=true] {
+        --color-button-bg: var(--color-deepBrick);
+        --color-button-fg: var(--color-betongGray);
+
+        &:after, &:before {
+          display: none;
+        }
+      }
+    }
  }
 }