nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Experiment with this hide-controls UI on carousel

Browse source
This commit is contained in:
Lim Chee Aun 2022-12-10 20:56:38 +08:00
parent 46d5e20008
commit b06fc385ad
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/app.css
View file

@ -360,6 +360,17 @@ button.carousel-dot.active {
button.carousel-dot.active { button.carousel-dot.active {
pointer-events: none; pointer-events: none;
} }
@media (hover: hover) {
.carousel-controls {
transform: translateY(100%);
transition: transform 0.2s ease-in-out;
}
.carousel:hover + .carousel-controls,
.carousel-controls:hover,
.carousel-controls:focus-within {
transform: translateY(0);
}
}
/* COMPOSE BUTTON */ /* COMPOSE BUTTON */