raucao/marco
1
0
Fork 0
Code Issues 16 Pull Requests Actions Releases 6 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}} disabled={{this.cannotScrollLeft}}
aria-label="Previous photo" aria-label="Previous photo"
> >
<Icon @name="chevron-left" /> <Icon @name="chevron-left" @color="currentColor" />
</button> </button>
<button <button
@@ -146,7 +146,7 @@ export default class PlacePhotosCarousel extends Component {
disabled={{this.cannotScrollRight}} disabled={{this.cannotScrollRight}}
aria-label="Next photo" aria-label="Next photo"
> >
<Icon @name="chevron-right" /> <Icon @name="chevron-right" @color="currentColor" />
</button> </button>
{{/if}} {{/if}}
</div> </div>

4
app/styles/app.css
View File

@@ -950,11 +950,11 @@ abbr[title] {
padding: 0; padding: 0;
} }
.place-photos-carousel-wrapper:hover .carousel-nav-btn { .place-photos-carousel-wrapper:hover .carousel-nav-btn:not(.disabled) {
opacity: 1; opacity: 1;
} }
.carousel-nav-btn:hover { .carousel-nav-btn:not(.disabled):hover {
background: rgb(0 0 0 / 80%); background: rgb(0 0 0 / 80%);
} }