diff --git a/components/HotelReservation/HotelCard/index.tsx b/components/HotelReservation/HotelCard/index.tsx index 17be8a31a..289a93320 100644 --- a/components/HotelReservation/HotelCard/index.tsx +++ b/components/HotelReservation/HotelCard/index.tsx @@ -62,13 +62,11 @@ export default function HotelCard({ onMouseLeave={handleMouseLeave} >
- {hotelData.gallery && ( - - )} +
diff --git a/components/ImageGallery/index.tsx b/components/ImageGallery/index.tsx index f5cfee34d..eaeee684b 100644 --- a/components/ImageGallery/index.tsx +++ b/components/ImageGallery/index.tsx @@ -1,6 +1,7 @@ "use client" import { useState } from "react" +import { useIntl } from "react-intl" import { GalleryIcon } from "@/components/Icons" import Image from "@/components/Image" @@ -17,6 +18,7 @@ export default function ImageGallery({ fill, height = 280, }: ImageGalleryProps) { + const intl = useIntl() const [lightboxIsOpen, setLightboxIsOpen] = useState(false) const imageProps = fill ? { fill } : { height, width: height * 1.5 } @@ -30,6 +32,7 @@ export default function ImageGallery({ className={styles.triggerArea} role="button" onClick={() => setLightboxIsOpen(true)} + aria-label={intl.formatMessage({ id: "Open image gallery" })} > img === mainImage) @@ -46,16 +48,17 @@ export default function Gallery({ {/* Desktop Gallery */}
@@ -129,19 +132,6 @@ export default function Gallery({ {/* Mobile Gallery */}
-
{images.map((image, index) => ( diff --git a/components/Lightbox/Lightbox.module.css b/components/Lightbox/Lightbox.module.css index 231e652b7..4c62a90dc 100644 --- a/components/Lightbox/Lightbox.module.css +++ b/components/Lightbox/Lightbox.module.css @@ -16,10 +16,13 @@ gap: var(--Spacing-x2); } -.mobileGalleryCloseButton { +.closeButton { justify-content: flex-start; width: fit-content; } +.closeButton .desktopCloseIcon { + display: none; +} .mobileGalleryContent { display: block; @@ -84,7 +87,6 @@ } .desktopGallery, -.desktopGalleryCloseButton, .desktopThumbnailGrid, .navigationButton { display: none; @@ -247,15 +249,22 @@ overflow: hidden; } - .desktopGalleryCloseButton { + .closeButton { display: block; position: absolute; top: var(--Spacing-x-one-and-half); - right: var(--Spacing-x-half); + right: var(--Spacing-x1); z-index: 1; } - .desktopGalleryCloseButton:hover .desktopGalleryCloseIcon { + .closeButton .mobileCloseIcon { + display: none; + } + .closeButton .desktopCloseIcon { + display: block; + } + + .closeButton:hover .desktopCloseIcon { background-color: var(--Base-Surface-Primary-light-Hover-alt); border-radius: 50%; } diff --git a/i18n/dictionaries/da.json b/i18n/dictionaries/da.json index a4455f55f..5d32423eb 100644 --- a/i18n/dictionaries/da.json +++ b/i18n/dictionaries/da.json @@ -227,6 +227,7 @@ "On your journey": "På din rejse", "Open": "Åben", "Open gift(s)": "Åbne {amount, plural, one {gave} other {gaver}}", + "Open image gallery": "Åbn billedgalleri", "Open language menu": "Åbn sprogmenuen", "Open menu": "Åbn menuen", "Open my pages menu": "Åbn mine sider menuen", diff --git a/i18n/dictionaries/de.json b/i18n/dictionaries/de.json index 92c8cf452..90c115061 100644 --- a/i18n/dictionaries/de.json +++ b/i18n/dictionaries/de.json @@ -225,6 +225,7 @@ "On your journey": "Auf deiner Reise", "Open": "Offen", "Open gift(s)": "{amount, plural, one {Geschenk} other {Geschenke}} öffnen", + "Open image gallery": "Bildergalerie öffnen", "Open language menu": "Sprachmenü öffnen", "Open menu": "Menü öffnen", "Open my pages menu": "Meine Seiten Menü öffnen", diff --git a/i18n/dictionaries/en.json b/i18n/dictionaries/en.json index dccd25229..44f400079 100644 --- a/i18n/dictionaries/en.json +++ b/i18n/dictionaries/en.json @@ -244,6 +244,7 @@ "On your journey": "On your journey", "Open": "Open", "Open gift(s)": "Open {amount, plural, one {gift} other {gifts}}", + "Open image gallery": "Open image gallery", "Open language menu": "Open language menu", "Open menu": "Open menu", "Open my pages menu": "Open my pages menu", diff --git a/i18n/dictionaries/fi.json b/i18n/dictionaries/fi.json index 23a384600..fb538db4b 100644 --- a/i18n/dictionaries/fi.json +++ b/i18n/dictionaries/fi.json @@ -227,6 +227,7 @@ "On your journey": "Matkallasi", "Open": "Avata", "Open gift(s)": "{amount, plural, one {Avoin lahja} other {Avoimet lahjat}}", + "Open image gallery": "Avaa kuvagalleria", "Open language menu": "Avaa kielivalikko", "Open menu": "Avaa valikko", "Open my pages menu": "Avaa omat sivut -valikko", diff --git a/i18n/dictionaries/no.json b/i18n/dictionaries/no.json index 7aea7d309..98dadb098 100644 --- a/i18n/dictionaries/no.json +++ b/i18n/dictionaries/no.json @@ -225,6 +225,7 @@ "On your journey": "På reisen din", "Open": "Åpen", "Open gift(s)": "{amount, plural, one {Åpen gave} other {Åpnen gaver}}", + "Open image gallery": "Åpne bildegalleri", "Open language menu": "Åpne språkmenyen", "Open menu": "Åpne menyen", "Open my pages menu": "Åpne mine sider menyen", diff --git a/i18n/dictionaries/sv.json b/i18n/dictionaries/sv.json index 4d763a690..074c500e6 100644 --- a/i18n/dictionaries/sv.json +++ b/i18n/dictionaries/sv.json @@ -225,6 +225,7 @@ "On your journey": "På din resa", "Open": "Öppna", "Open gift(s)": "Öppna {amount, plural, one {gåva} other {gåvor}}", + "Open image gallery": "Öppna bildgalleri", "Open language menu": "Öppna språkmenyn", "Open menu": "Öppna menyn", "Open my pages menu": "Öppna mina sidor menyn",