fix: remove hover padding on mobile

OI-wiki · Sep 30, 2024 · b522450 · b522450
1 parent 983f8f7
commit b522450
Showing 1 changed file with 19 additions and 11 deletions.
diff --git a/frontend/lib/style.css b/frontend/lib/style.css
@@ -2,15 +2,17 @@
 
 @custom-selector :--review
   [data-review-enabled][data-original-document-start][data-original-document-end];
-@custom-media --mobile (width <= 768px);
+@custom-media --mobile (width <=768px);
 
 @keyframes HighlightBackground {
   0% {
     background-color: rgba(255, 255, 255, 0);
   }
+
   50% {
     background-color: var(--review-variant-color);
   }
+
   100% {
     background-color: rgba(255, 255, 255, 0);
   }
@@ -50,9 +52,11 @@
   height: 1em;
   vertical-align: 0;
 }
+
 .iconify-icon.iconify-inline {
   vertical-align: -0.125em;
 }
+
 .review_dark_mode .iconify-icon {
   color: var(--review-text-color);
 }
@@ -78,16 +82,20 @@
   cursor: pointer;
 }
 
-[data-review-enabled] {
-  position: relative;
-  &::after {
-    content: "";
-    position: absolute;
-    top: 30px;
-    left: 100%;
-    width: 30px;
-    height: calc(100% - 30px);
-    clip-path: polygon(0 0, 0 100%, 100% 0);
+@media not (--mobile) {
+  [data-review-enabled] {
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 30px;
+      left: 100%;
+      width: 30px;
+      height: calc(100% - 30px);
+      clip-path: polygon(0 0, 0 100%, 100% 0);
+      fill: red;
+    }
   }
 }