block video full width

assets/sass/_theme/_configuration.sass

@@ -367,6 +367,9 @@ $block-gallery-carousel-background: $color-background-alt !default
 $block-image-max-height-with-sidebar: calc(100vh - var(--header-height)) !default
 $block-image-max-height-without-sidebar: none !default
 
+// Block video
+$block-video-background: $color-background-alt !default
+
 // Sections
 $article-media-background: color-contrast($color-background, 3%) !default
 $article-media-aspect-ratio: 2 !default

assets/sass/_theme/blocks/video.sass

@@ -67,8 +67,17 @@
             margin-right: half(-$grid-gutter-sm)
 
     @include in-page-without-sidebar
-        .transcription
-            width: col(7)
-            margin-left: auto
+        background: $block-video-background
+        margin-top: 0
+        .block-content
+            padding-top: $spacing3
+            padding-bottom: $spacing2
+            @include grid(12, false, 0)
+            .video
+                grid-column: 8 span
+            > p
+                grid-column: 4 span
+            .transcription
+                grid-column: 8 span
         .lazy-video-player::after
             backdrop-filter: blur(5px)
\ No newline at end of file

layouts/partials/blocks/templates/video.html

@@ -5,35 +5,33 @@
   <div class="{{ $block_class }}">
     <div class="container">
       <div class="block-content">
-        <div>
-          {{ partial "blocks/top.html" (dict
-            "title" $block.title
-            "heading_level" $block.ranks.self
-          )}}
+        {{ partial "blocks/top.html" (dict
+          "title" $block.title
+          "heading_level" $block.ranks.self
+        )}}
 
-          {{ if .url }}
-            {{ $title := "video" }}
-            {{ with .video_title }}
-              {{ $title = .}}
-            {{ end }}
-
-            <div class="video">
-              {{ if eq .video.platform "default" }}
-                {{ partial "PrepareHTML" .video.iframe }}
-              {{ else }}
-                {{ partial "blocks/templates/video/lazy-container" .video }}
-              {{ end }}
-            </div>
+        {{ if .url }}
+          {{ $title := "video" }}
+          {{ with .video_title }}
+            {{ $title = .}}
           {{ end }}
 
-          {{ if .video_title }}
-            <p>{{- partial "PrepareHTML" .video_title -}}</p>
-          {{ end }}
+          <div class="video">
+            {{ if eq .video.platform "default" }}
+              {{ partial "PrepareHTML" .video.iframe }}
+            {{ else }}
+              {{ partial "blocks/templates/video/lazy-container" .video }}
+            {{ end }}
+          </div>
+        {{ end }}
+
+        {{ if .video_title }}
+          <p>{{- partial "PrepareHTML" .video_title -}}</p>
+        {{ end }}
 
-          {{ partial "commons/transcription" ( dict
-            "transcription" .transcription
-          ) }}
-        </div>
+        {{ partial "commons/transcription" ( dict
+          "transcription" .transcription
+        ) }}
       </div>
     </div>
   </div>