raucao/marco
1
0
Fork 0
Code Issues 17 Pull Requests Actions Releases 5 Activity

Fix carousel chevron links

Browse Source 
Correct color, hide while disabled
This commit is contained in:
Râu Cao
2026-04-22 08:30:55 +04:00
parent 7285ace882
commit 71939a30c3
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/place-photos-carousel.gjs
View File

@@ -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>

4
app/styles/app.css
View File

@@ -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%);
}