From 91537911d10fb63d0c2199689152e623fdc6148b Mon Sep 17 00:00:00 2001
From: Anna <viirall@yandex.ru>
Date: Mon, 25 Nov 2024 14:33:36 +0300
Subject: [PATCH] Fix/fullscreen vertical scroll (#1463)

* feat: fix vertical scroll in gallery in fullview mode

* feat: fix vertical scroll in gallery in fullview mode

* feat: add single type image to gallery component
---
 .changeset/unlucky-pots-begin.md      | 5 +++++
 packages/gallery/src/Component.tsx    | 6 +++++-
 packages/gallery/src/index.module.css | 7 ++++++-
 3 files changed, 16 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/unlucky-pots-begin.md

diff --git a/.changeset/unlucky-pots-begin.md b/.changeset/unlucky-pots-begin.md
new file mode 100644
index 0000000000..820dfceae1
--- /dev/null
+++ b/.changeset/unlucky-pots-begin.md
@@ -0,0 +1,5 @@
+---
+'@alfalab/core-components-gallery': patch
+---
+
+Добавлен фикс вертикального скролла в галерею в полноэкранном режиме
diff --git a/packages/gallery/src/Component.tsx b/packages/gallery/src/Component.tsx
index 530d6d7f76..c6938f5823 100644
--- a/packages/gallery/src/Component.tsx
+++ b/packages/gallery/src/Component.tsx
@@ -233,7 +233,11 @@ export const Gallery: FC<GalleryProps> = ({
                 Backdrop={Backdrop}
                 onUnmount={onUnmount}
             >
-                <div className={styles.container}>
+                <div
+                    className={cn(styles.container, {
+                        [styles.mobile]: !isDesktop,
+                    })}
+                >
                     {isDesktop ? <Header /> : <HeaderMobile />}
                     {images.length === 1 ? <Single /> : <ImageViewer />}
                     <nav
diff --git a/packages/gallery/src/index.module.css b/packages/gallery/src/index.module.css
index 0ca13db33e..4afef1db2f 100644
--- a/packages/gallery/src/index.module.css
+++ b/packages/gallery/src/index.module.css
@@ -2,13 +2,18 @@
 
 .container {
     position: relative;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     height: 100%;
     width: 100%;
     background-color: var(--color-static-neutral-0-inverted);
+
+    &.mobile {
+        overflow: hidden;
+    }
 }
 
 .modal {