Fix SCSS syntax for contextmenu arrows

haste · Jan 17, 2025 · c520012 · c520012
1 parent a5505d0
commit c520012
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/src/scss/contextmenu.scss b/src/scss/contextmenu.scss
@@ -7,6 +7,7 @@
     line-height: 1.2;
     align-items: center;
     font-size: 1rem;
+
     img {
       width: 1.5rem;
     }
@@ -19,15 +20,17 @@
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     top: calc(50% - 10px);
-    .left {
+
+    &.left {
       border-right: 10px solid #27272c;
-      left: -10px;
+      left: -9px;
     }
-    .right {
+    &.right {
       border-left: 10px solid #27272c;
-      right: -10px;
+      right: -9px;
     }
   }
+
   .menu {
     position: absolute;
     z-index: 2000;
@@ -55,9 +58,11 @@
       color: #351d4a;
       cursor: pointer;
     }
+
     .advantage:not(:hover) {
       text-decoration: green wavy underline;
     }
+
     .disadvantage:not(:hover) {
       text-decoration: red wavy underline;
     }