Make reactions larger on touch devices

2026-02-12 12:25:47 +01:00
parent 4a181b239d
commit 645d21cfbb
2 changed files with 13 additions and 0 deletions
@@ -252,6 +252,10 @@
          inset: 0 calc(-1 * var(--card-padding-inline)) auto;
          position: absolute;
        }
+
+        @media (any-hover: none) {
+          --reaction-size: 2.25rem;
+        }
      }

      &:not(:has(.reaction)) {
@@ -86,6 +86,10 @@
      font-size: 0.6em;
      inline-size: auto;
    }
+
+    @media (any-hover: none) {
+      padding-inline-end: 0.12em;
+    }
  }

  .reaction--deleteable {
@@ -166,6 +170,11 @@
  .reaction__cancel-btn {
    --btn-size: 1.25rem;
    --icon-size: var(--btn-size);
+
+    @media (any-hover: none) {
+      --btn-size: 2rem;
+      --icon-size: 90%;
+    }
  }

  .reaction__submit-btn {