From 71939a30c338bee4c2574d2da88f5bbc9a0bddbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Wed, 22 Apr 2026 08:30:55 +0400
Subject: [PATCH] Fix carousel chevron links

Correct color, hide while disabled
---
 app/components/place-photos-carousel.gjs | 4 ++--
 app/styles/app.css                       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/place-photos-carousel.gjs b/app/components/place-photos-carousel.gjs
index 942ee05..0599739 100644
--- a/app/components/place-photos-carousel.gjs
+++ b/app/components/place-photos-carousel.gjs
@@ -135,7 +135,7 @@ export default class PlacePhotosCarousel extends Component {
             disabled={{this.cannotScrollLeft}}
             aria-label="Previous photo"
           >
-            <Icon @name="chevron-left" />
+            <Icon @name="chevron-left" @color="currentColor" />
           </button>
 
           <button
@@ -146,7 +146,7 @@ export default class PlacePhotosCarousel extends Component {
             disabled={{this.cannotScrollRight}}
             aria-label="Next photo"
           >
-            <Icon @name="chevron-right" />
+            <Icon @name="chevron-right" @color="currentColor" />
           </button>
         {{/if}}
       </div>
diff --git a/app/styles/app.css b/app/styles/app.css
index f5db7a4..0bd70aa 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -950,11 +950,11 @@ abbr[title] {
   padding: 0;
 }
 
-.place-photos-carousel-wrapper:hover .carousel-nav-btn {
+.place-photos-carousel-wrapper:hover .carousel-nav-btn:not(.disabled) {
   opacity: 1;
 }
 
-.carousel-nav-btn:hover {
+.carousel-nav-btn:not(.disabled):hover {
   background: rgb(0 0 0 / 80%);
 }