fix: fix sizing of videos

Removes the padding hack they were using, not sure why it was there
adil192 · Jan 28, 2024 · 3c5f6d6 · 3c5f6d6
1 parent a326009
commit 3c5f6d6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/main.css b/main.css
@@ -1905,15 +1905,18 @@
   * {
     accent-color: #8142a6 !important;
   }
-  body {
-    margin: 0;
-  }
   html, body,
+  #main,
+  .vl-video-embedded,
+  #video,
   video,
   .vjs-poster {
     background-color: #1d1b1e !important;
     color: #e8e0e5;
     color-scheme: dark;
+    padding: 0;
+    margin: 0;
+    height: 100%;
   }
   .video-js .vjs-control-bar {
     background: rgba(29, 27, 30, 0.7) !important;

diff --git a/styles/_video.manchester.ac.uk.scss b/styles/_video.manchester.ac.uk.scss
@@ -13,16 +13,18 @@ $video-elem-color: color-mix(in oklab, $on-header, white 90%);
 	accent-color: $primary !important;
 }
 
-body {
-  margin: 0;
-}
-
 html, body,
+#main,
+.vl-video-embedded,
+#video,
 video,
 .vjs-poster {
   background-color: $header !important;
   color: $on-header;
   color-scheme: dark;
+  padding: 0;
+  margin: 0;
+  height: 100%;
 }
 
 .video-js .vjs-control-bar {