Release/v3.11.5 (#95)

* fix: top button overlap

* style: add pointer event desktop

* chore(release): 3.11.5

---------

Co-authored-by: bmo-amity-bot <[email protected]>

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### 3.11.5 (2024-12-20)
+
 ### 3.11.4 (2024-12-02)
 
 ### 3.11.4 (2024-12-02)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amityco/ui-kit-open-source",
-  "version": "3.11.4",
+  "version": "3.11.5",
   "engines": {
     "node": ">=16",
     "pnpm": ">=8"

src/core/components/ImageGallery/index.tsx

@@ -62,8 +62,8 @@ const ImageGallery = <T extends Amity.Post>({
 
   return (
     <Container>
+      <Frame>{renderItem(items[index])}</Frame>
       <InnerContainer>
-        <Frame>{renderItem(items[index])}</Frame>
         <GridContainer>
           {showCounter && <Counter>{`${index + 1} / ${items.length}`}</Counter>}
 

src/core/components/ImageGallery/styles.tsx

@@ -41,6 +41,7 @@ export const InnerContainer = styled.div`
   width: 100%;
   height: 100%;
   position: relative;
+  pointer-events: none;
 `;
 
 export const GridContainer = styled.div`
@@ -55,7 +56,7 @@ export const GridContainer = styled.div`
     'left image right';
 
   width: 100%;
-  height: 100%;
+  height: 90%;
 
   padding: 2rem 1rem 2rem 1rem;
 
@@ -85,6 +86,7 @@ export const Frame = styled.div`
   left: 0;
 
   @media (min-width: 768px) {
+    pointer-events: auto;
     position: unset;
     top: unset;
     left: unset;
@@ -109,6 +111,7 @@ const InvisibleButton = styled.button`
   cursor: pointer;
   font-size: 24px;
   color: inherit;
+  pointer-events: auto;
 
   &:hover {
     color: ${({ theme }) => theme.palette.neutral.shade4};
@@ -143,4 +146,5 @@ export const CloseButton = styled(BaseCloseButton)`
   display: flex;
   align-items: center;
   justify-content: center;
+  pointer-events: auto;
 `;