! Fix watch page layout when theatre mode enabled and sidebar "hidden" (

#3931)
FreeTubeApp · Aug 30, 2023 · 621cc27 · 621cc27
1 parent e11a55a
commit 621cc27
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/renderer/views/Watch/Watch.scss b/src/renderer/views/Watch/Watch.scss
@@ -3,7 +3,17 @@
 }
 
 @mixin theatre-mode-template {
-  grid-template: 'video video video' auto 'info info sidebar' auto 'info info sidebar' auto / 1fr 1fr 1fr;
+  grid-template:  'video video video' auto
+                  'info info sidebar' auto
+                  'info info sidebar' auto / 1fr 1fr 1fr;
+
+  // When there is no sidebar (but the empty container element still exists)
+  // The info element need to be expanded with following rule(s)
+  @at-root .videoLayout.noSidebar {
+    grid-template:  'video video video' auto
+                    'info info info'    auto
+                    'info info info'    auto / 1fr 1fr 1fr;
+  }
 }
 
 @mixin single-column-template {