Fix: index obscuring document on iOS version 15

Media prompts to hide the index for small screens, such as on mobile, were being ignored by Apple devices running iOS 15 or earlier. These devices lack support for range operators, so using range prefixes instead fixes the issue.
grislyeye · Apr 25, 2024 · f5a4856 · f5a4856
1 parent 5bc480f
commit f5a4856
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vellum-doc",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "A simple web component",
   "main": "vellum-doc.js",
   "module": "vellum-doc.js",

diff --git a/src/vellum-doc.ts b/src/vellum-doc.ts
@@ -63,7 +63,7 @@ export class VellumDocument extends LitElement {
       );
     }
 
-    @media (width < 700px) {
+    @media (max-width: 700px) {
       #document {
         margin-left: 0;
       }