Experiment with this hide-controls UI on carousel

This commit is contained in:
Lim Chee Aun 2022-12-10 20:56:38 +08:00
parent 46d5e20008
commit b06fc385ad

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 */