From f8492d2733375a13a8e1ba8c84d18b4c68a60764 Mon Sep 17 00:00:00 2001
From: Emme Menezes <menezes.ecd@gmail.com>
Date: Wed, 10 Sep 2025 19:45:22 -0300
Subject: [PATCH 1/5] =?UTF-8?q?Altera=20localiza=C3=A7=C3=A3o=20e=20=C3=AD?=
 =?UTF-8?q?cone=20do=20bot=C3=A3o=20de=20fechar=20modal=20da=20galeria=20(?=
 =?UTF-8?q?Fixes=20#7)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devsite/src/components/Blocks/Listing/ImageAlbum.tsx | 9 ++++++++-
 .../theme/components/blocks/_listing_image_album.scss    | 4 ++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
index 57f069a..e773dd4 100644
--- a/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
+++ b/frontend/packages/devsite/src/components/Blocks/Listing/ImageAlbum.tsx
@@ -7,6 +7,7 @@ import { Button, Modal } from 'semantic-ui-react';
 import { Container } from '@plone/components';
 import type { ContainedItem } from '@plone/types';
 import zoomSVG from '@plone/volto/icons/zoom-in.svg';
+import circleDismissSVG from '@plone/volto/icons/circle-dismiss.svg';
 import config from '@plone/volto/registry';
 
 const messages = defineMessages({
@@ -35,7 +36,13 @@ const AlbumItem = ({ item }: { item: ContainedItem }) => {
         <div className="album-item-info">
           <Modal
             className="modal-image-full"
-            closeIcon
+            closeIcon={
+              <Icon
+                name={circleDismissSVG}
+                size="50px"
+                className={'close icon'}
+              />
+            }
             size="fullscreen"
             trigger={
               <Button
diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index e4f0f9e..9056fc9 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -77,6 +77,10 @@
   animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
   background-color: unset;
   box-shadow: unset;
+.close.icon {
+    top: 1rem;
+    color: var(--text-color);
+  }
   .album-modal.image.content {
     flex-direction: column;
     align-items: center;

From c7db4976fdcb86756411b6d03e897f53cbae8118 Mon Sep 17 00:00:00 2001
From: Emme Menezes <menezes.ecd@gmail.com>
Date: Wed, 10 Sep 2025 19:49:06 -0300
Subject: [PATCH 2/5] =?UTF-8?q?Melhora=20apar=C3=AAncia=20do=20modal=20e?=
 =?UTF-8?q?=20remove=20anima=C3=A7=C3=A3o=20(Fixes=20#8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/theme/components/blocks/_listing_image_album.scss    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index 9056fc9..cce7e90 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -73,9 +73,7 @@
   justify-content: start;
   border: unset;
   margin: auto;
-  animation: openModal 0.5s;
-  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-  background-color: unset;
+    background-color: var(--background);
   box-shadow: unset;
 .close.icon {
     top: 1rem;
@@ -104,6 +102,7 @@
       .album-modal-title {
         display: block;
         @include block-title();
+        padding-top: 1rem;
       }
 
       .album-modal-description {

From c1a762c8f05bf2b2aa919c6cde785020da9f4d6c Mon Sep 17 00:00:00 2001
From: Emme Menezes <menezes.ecd@gmail.com>
Date: Wed, 10 Sep 2025 19:53:57 -0300
Subject: [PATCH 3/5] =?UTF-8?q?Corrige=20espa=C3=A7amento?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/theme/components/blocks/_listing_image_album.scss     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
index cce7e90..6956229 100644
--- a/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
+++ b/frontend/packages/devsite/src/theme/components/blocks/_listing_image_album.scss
@@ -73,9 +73,9 @@
   justify-content: start;
   border: unset;
   margin: auto;
-    background-color: var(--background);
+  background-color: var(--background);
   box-shadow: unset;
-.close.icon {
+  .close.icon {
     top: 1rem;
     color: var(--text-color);
   }

From 9eb8b3ed5dea934ccccbbb3314b38491ad53a7bb Mon Sep 17 00:00:00 2001
From: Emme Menezes <menezes.ecd@gmail.com>
Date: Wed, 10 Sep 2025 19:54:10 -0300
Subject: [PATCH 4/5] Adiciona biblioteca semantic-ui-react

---
 frontend/packages/devsite/package.json |  5 +--
 frontend/pnpm-lock.yaml                | 49 ++++++++++++++++++++------
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/frontend/packages/devsite/package.json b/frontend/packages/devsite/package.json
index d9ae004..c59dcb7 100644
--- a/frontend/packages/devsite/package.json
+++ b/frontend/packages/devsite/package.json
@@ -55,7 +55,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-intl": "^3.12.1",
-    "query-string": "9.1.1"
+    "query-string": "9.1.1",
+    "semantic-ui-react": "*"
   },
   "devDependencies": {
     "@plone/scripts": "workspace:*",
@@ -64,4 +65,4 @@
     "@types/react-dom": "^18.3.0",
     "release-it": "^17.1.1"
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 24cb167..31daa08 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -1479,6 +1479,9 @@ importers:
       react-intl:
         specifier: ^3.12.1
         version: 3.12.1(react@18.2.0)
+      semantic-ui-react:
+        specifier: '*'
+        version: 2.1.5(react-dom@18.2.0(react@18.2.0))(react@18.2.0)
       volto-rss-provider:
         specifier: ^1.0.0
         version: 1.0.0(@plone/volto@19.0.0-alpha.3(@babel/runtime@7.26.10)(@popperjs/core@2.11.8)(@types/react-dom@18.3.5(@types/react@18.3.18))(@types/react@18.3.18)(react-with-direction@1.4.0(react-dom@18.2.0(react@18.2.0))(react@18.2.0))(seamless-immutable@7.1.4))
@@ -18772,21 +18775,21 @@ snapshots:
     optionalDependencies:
       vite: 5.4.14(@types/node@20.17.24)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
 
-  '@vitest/mocker@2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))':
+  '@vitest/mocker@2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
 
-  '@vitest/mocker@2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
+  '@vitest/mocker@2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
       '@vitest/spy': 2.1.9
       estree-walker: 3.0.3
       magic-string: 0.30.17
     optionalDependencies:
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
 
   '@vitest/mocker@3.2.0(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))':
     dependencies:
@@ -29429,6 +29432,32 @@ snapshots:
       sass: 1.85.1
       terser: 5.39.0
 
+  vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.3
+      rollup: 4.35.0
+    optionalDependencies:
+      '@types/node': 22.15.29
+      fsevents: 2.3.3
+      less: 3.11.1
+      lightningcss: 1.28.1
+      sass: 1.85.1
+      terser: 5.39.0
+
+  vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.5.3
+      rollup: 4.35.0
+    optionalDependencies:
+      '@types/node': 22.15.29
+      fsevents: 2.3.3
+      less: 3.11.1
+      lightningcss: 1.29.3
+      sass: 1.85.1
+      terser: 5.39.0
+
   vite@5.4.19(@types/node@20.17.24)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       esbuild: 0.21.5
@@ -29538,7 +29567,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@21.1.2)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29554,7 +29583,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
@@ -29575,7 +29604,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29591,7 +29620,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.28.1)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
@@ -29612,7 +29641,7 @@ snapshots:
   vitest@2.1.9(@types/node@22.15.29)(@vitest/ui@2.1.9)(jsdom@22.1.0)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0):
     dependencies:
       '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
+      '@vitest/mocker': 2.1.9(vite@5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0))
       '@vitest/pretty-format': 2.1.9
       '@vitest/runner': 2.1.9
       '@vitest/snapshot': 2.1.9
@@ -29628,7 +29657,7 @@ snapshots:
       tinyexec: 0.3.2
       tinypool: 1.0.2
       tinyrainbow: 1.2.0
-      vite: 5.4.19(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
+      vite: 5.4.14(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       vite-node: 2.1.9(@types/node@22.15.29)(less@3.11.1)(lightningcss@1.29.3)(sass@1.85.1)(terser@5.39.0)
       why-is-node-running: 2.3.0
     optionalDependencies:

From 21c52ffcea5251ad6f911b796e48b0b918d827fb Mon Sep 17 00:00:00 2001
From: Emme Menezes <menezes.ecd@gmail.com>
Date: Wed, 10 Sep 2025 19:58:44 -0300
Subject: [PATCH 5/5] Adiciona entrada no CHANGELOG

---
 frontend/packages/devsite/news/7.feature | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 frontend/packages/devsite/news/7.feature

diff --git a/frontend/packages/devsite/news/7.feature b/frontend/packages/devsite/news/7.feature
new file mode 100644
index 0000000..a509c5b
--- /dev/null
+++ b/frontend/packages/devsite/news/7.feature
@@ -0,0 +1 @@
+Altera exibição do modal e localização do botão de fechar do álbum de imagens. @emmenezes @emillysant @Jehcky @leila-souza-dev-backend
\ No newline at end of file