From cf15e4e35fd970bc12f7950b1f6392f2f5417a60 Mon Sep 17 00:00:00 2001
From: mgt <mgt@oi-wiki.org>
Date: Mon, 30 Sep 2024 22:47:08 +0800
Subject: [PATCH] fix: remove hover padding on mobile

---
 frontend/lib/style.css | 28 ++++++++++++++++++----------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/frontend/lib/style.css b/frontend/lib/style.css
index c076f17e..1de4f593 100644
--- a/frontend/lib/style.css
+++ b/frontend/lib/style.css
@@ -8,9 +8,11 @@
   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;
+    }
   }
 }