refactor: focused highlight

OI-wiki · Oct 5, 2024 · 4664602 · 4664602
1 parent c71f2d8
commit 4664602
Showing 1 changed file with 19 additions and 4 deletions.
diff --git a/frontend/lib/style.css b/frontend/lib/style.css
@@ -63,18 +63,33 @@
 
 :--review {
   &[data-review-has-comments] {
-    text-decoration: underline;
-    text-decoration-color: var(--review-secondary-color);
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: -1em;
+      width: 3px;
+      height: 100%;
+      background-color: var(--review-primary-color);
+    }
   }
 
   &[data-review-focused] {
     background-color: var(--review-variant-color);
   }
 
   &[data-review-selected] {
-    text-decoration: underline;
-    text-decoration-color: var(--review-secondary-color);
     background-color: var(--review-variant-color);
+
+    &::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: -1em;
+      width: 3px;
+      height: 100%;
+      background-color: var(--review-primary-color);
+    }
   }
 }