refactor: Media queries (#2680)

2025-11-16 18:54:34 +01:00 · 2020-12-27 16:27:25 -05:00
parent 6f82a88b79
commit b8d13c98b5
11 changed files with 21 additions and 17 deletions
--- a/src/components/HintViewer.scss
+++ b/src/components/HintViewer.scss
@@ -1,5 +1,8 @@
@import "../css/_variables";

+// this is loosely based on the longest hint text
+$wide-viewport-width: 1000px;
+
 .excalidraw {
  .HintViewer {
    pointer-events: none;
@@ -16,12 +19,9 @@
    color: $oc-gray-6;
    font-size: 0.8rem;

-    @media (min-width: 1200px) {
-      white-space: pre;
-    }
-
-    @media #{$media-query} {
+    @media #{$is-mobile-query} {
      position: static;
+      padding-right: 2em;
    }

    > span {