From 55732ead1d42810bb88347d400e35da0c22ae5cd Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Thu, 26 Mar 2026 21:00:57 -0700
Subject: [PATCH] fix: Don't allow gallery to scroll horizontally (#2428)

- Closes: #2424
---
 src/components/gallery/gallery.ts             | 2 +-
 src/scss/folder-gallery.scss                  | 2 --
 src/scss/gallery-core.scss                    | 5 ++++-
 src/scss/{media-gallery.scss => gallery.scss} | 0
 4 files changed, 5 insertions(+), 4 deletions(-)
 delete mode 100644 src/scss/folder-gallery.scss
 rename src/scss/{media-gallery.scss => gallery.scss} (100%)

diff --git a/src/components/gallery/gallery.ts b/src/components/gallery/gallery.ts
index 9a4aa7a9..65e6cc80 100644
--- a/src/components/gallery/gallery.ts
+++ b/src/components/gallery/gallery.ts
@@ -28,7 +28,7 @@ import { CardWideConfig } from '../../config/schema/types.js';
 import { MEDIA_CHUNK_SIZE_DEFAULT } from '../../const.js';
 import { HomeAssistant } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';
-import galleryStyle from '../../scss/media-gallery.scss';
+import galleryStyle from '../../scss/gallery.scss';
 import { stopEventFromActivatingCardWideActions } from '../../utils/action.js';
 import { ViewItemClassifier } from '../../view/item-classifier.js';
 import { ViewFolder, ViewItem } from '../../view/item.js';
diff --git a/src/scss/folder-gallery.scss b/src/scss/folder-gallery.scss
deleted file mode 100644
index 8609fa15..00000000
--- a/src/scss/folder-gallery.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@use 'basic-block.scss';
-@use 'media-gallery.scss';
diff --git a/src/scss/gallery-core.scss b/src/scss/gallery-core.scss
index 7cfb117e..a42f51e3 100644
--- a/src/scss/gallery-core.scss
+++ b/src/scss/gallery-core.scss
@@ -2,7 +2,10 @@
   width: 100%;
   height: 100%;
   display: block;
-  overflow: auto;
+
+  // See: https://github.com/dermotduffy/advanced-camera-card/issues/2424
+  overflow-x: clip;
+  overflow-y: auto;
 
   // Hide scrollbar: IE and Edge
   -ms-overflow-style: none;
diff --git a/src/scss/media-gallery.scss b/src/scss/gallery.scss
similarity index 100%
rename from src/scss/media-gallery.scss
rename to src/scss/gallery.scss