properly gate bigger native videos behind the modern overlays

eramdam · Nov 16, 2021 · ee2f7a1 · ee2f7a1
1 parent 97aa1eb
commit ee2f7a1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/features/mainStyles.css b/src/features/mainStyles.css
@@ -229,12 +229,3 @@ html.dark body {
 .thread + .pronouns-wrapper {
   margin-top: 3px;
 }
-
-/* Bigger native videos. */
-.js-modal-panel .l-table .l-cell .js-media-native-video {
-  max-height: 80vh !important;
-  max-width: 80vw !important;
-  height: 100% !important;
-  width: 100% !important;
-  object-fit: contain !important;
-}
diff --git a/src/features/modernOverlays.css b/src/features/modernOverlays.css
@@ -1,4 +1,13 @@
 [btd-modern-overlays='true'] {
+  /* Bigger native videos. */
+  & .js-modal-panel .l-table .l-cell .js-media-native-video {
+    max-height: 80vh !important;
+    max-width: 80vw !important;
+    height: 100% !important;
+    width: 100% !important;
+    object-fit: contain !important;
+  }
+
   & .js-mediatable .js-modal-panel .med-tweet .js-tweet > :not(.tweet-footer),
   & .js-mediatable .js-modal-panel .med-embeditem .med-tray .media-preview-container ~ a {
     display: none;