Tighter CSS to prevent host page CSS taking priority (e.g Bootstrap)

asciinema · Jun 7, 2024 · 72e0317 · 72e0317
1 parent 9284820
commit 72e0317
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/less/partials/_control-bar.less b/src/less/partials/_control-bar.less
@@ -18,6 +18,10 @@ div.ap-player {
     user-select: none;
     border-top: 2px solid color-mix(in oklab, black 33%, var(--term-color-background));
     z-index: 30;
+
+    * {
+      box-sizing: inherit;
+    }
   }
 }
 

diff --git a/src/less/partials/_overlays.less b/src/less/partials/_overlays.less
@@ -113,7 +113,10 @@
           background-color: var(--term-color-foreground);
           padding: 0.2em 0.5em;
           border-radius: 0.2em;
+          font-family: inherit;
           font-size: 0.85em;
+          border: none;
+          margin: 0;
         }
       }
     }