feat: add change indicator on settings page

2025-12-11 13:26:16 +00:00 · 2023-12-21 18:23:47 +01:00
parent d07751a944
commit 6bb42429e5
1 changed files with 10 additions and 2 deletions
--- a/src/routes/config/settings/+page.svelte
+++ b/src/routes/config/settings/+page.svelte
@@ -188,6 +188,7 @@
    }

    > label {
+      position: relative;
      display: flex;
      gap: 16px;
      align-items: center;
@@ -263,7 +264,14 @@
  }

  // stylelint-disable-next-line
-  form label:has(:global(.pending-changes)) {
-    color: var(--md-sys-color-tertiary);
+  label:global(:has(.pending-changes)) {
+    color: var(--md-sys-color-primary);
+
+    &::before {
+      position: absolute;
+      top: 0.5em;
+      right: 0.25em;
+      content: "•";
+    }
  }
 </style>