fix: Don't allow gallery to scroll horizontally (#2428)

- Closes: #2424

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';

src/scss/folder-gallery.scss

@@ -1,2 +0,0 @@
-@use 'basic-block.scss';
-@use 'media-gallery.scss';

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;