Merge pull request #1103 from prezly/feature/dev-12518-make-gallery-w…

…idth-option-work-in-media-galleries [DEV-12518] Feature - Make "expanded" media gallery 1120px wide
prezly · Feb 19, 2024 · bfa779b · bfa779b
2 parents 3052e27 + 68c860c
commit bfa779b
Showing 1 changed file with 24 additions and 1 deletion.
diff --git a/modules/Gallery/Gallery.module.scss b/modules/Gallery/Gallery.module.scss
@@ -3,15 +3,38 @@
 
     // TODO: This doesn't look too good.
     max-width: 720px;
-    margin: $spacing-9 auto;
+    margin: 0 auto;
 
     @include mobile-only {
         margin: $spacing-4 auto;
     }
+
+    :global {
+        /* stylelint-disable selector-class-pattern, max-nesting-depth */
+        .prezly-slate-gallery.prezly-slate-gallery--expanded {
+            @media (width >= 992px) {
+                position: relative;
+                width: 100vw;
+                left: 50%;
+                right: 50%;
+                margin-left: -50vw;
+                margin-right: -50vw;
+            }
+
+            @media (width >= 1120px) {
+                position: static;
+                max-width: 1120px;
+                margin-left: -200px;
+            }
+        }
+        /* stylelint-enable selector-class-pattern, max-nesting-depth */
+    }
 }
 
 .title {
     @include heading-1;
+
+    margin-top: 0;
 }
 
 .description {