From 7a1cfbb75d4b73d460a04219b6d083de9ec05156 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Tue, 23 Dec 2025 02:20:00 +0800
Subject: [PATCH] fix: overflow when the gallery is inside other containers
 [skip ci]

Fix the fix in #2653

This is a simple fix, hopefully it will be fully resolved in the future.
---
 assets/css/compiled/main.css     | 2 +-
 assets/css/main.css              | 2 +-
 layouts/shortcodes/carousel.html | 2 +-
 layouts/shortcodes/gallery.html  | 3 +--
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 38cf2122..d97050a4 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -4390,7 +4390,7 @@ pre {
 }
 @media (width < 853px) {
   .width-patch {
-    width: 90vw;
+    width: 80vw;
   }
 }
 @media (width >= 853px) {
diff --git a/assets/css/main.css b/assets/css/main.css
index 02587270..6a36911d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -203,7 +203,7 @@ pre {
 /* placeholder for gallery/carousel */
 @variant max-md {
   .width-patch {
-    width: 90vw;
+    width: 80vw;
   }
 }
 @variant min-md {
diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index 63588728..db401e21 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -19,7 +19,7 @@
 {{ end }}
 
 
-<div class="width-patch"></div>
+{{ if not .Parent }}<div class="width-patch"></div>{{ end }}
 <div
   id="{{ $id }}"
   class="relative"
diff --git a/layouts/shortcodes/gallery.html b/layouts/shortcodes/gallery.html
index 4440f2b0..497bdf00 100644
--- a/layouts/shortcodes/gallery.html
+++ b/layouts/shortcodes/gallery.html
@@ -25,8 +25,7 @@
   {{ end -}}
 {{ end -}}
 
-
-<div class="width-patch"></div>
+{{ if not .Parent }}<div class="width-patch"></div>{{ end }}
 <div id="{{- $id -}}" class="gallery">
   {{ $content | safeHTML -}}
 </div>