mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-01-23 00:56:23 +01:00
Slight adjustments to carousel top buttons
This commit is contained in:
parent
4ac2e4aa7b
commit
faa7ffc310
1 changed files with 8 additions and 5 deletions
13
src/app.css
13
src/app.css
|
@ -1120,11 +1120,10 @@ button.carousel-dot {
|
|||
button.carousel-dot {
|
||||
background-color: transparent;
|
||||
}
|
||||
.carousel-controls :is(.button, button).carousel-button {
|
||||
:is(.button, button).carousel-button {
|
||||
background-color: var(--bg-blur-color);
|
||||
}
|
||||
.carousel-controls
|
||||
:is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
|
||||
:is(.button, button).carousel-button:is(:hover, :focus):not(:active) {
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
.carousel-top-controls .szh-menu-container {
|
||||
|
@ -1141,15 +1140,19 @@ button.carousel-dot {
|
|||
border: 1px solid var(--outline-color);
|
||||
box-shadow: 0 4px 32px var(--drop-shadow-color);
|
||||
/* backdrop-filter: blur(12px) invert(0.25); */
|
||||
transition: background-color 0.2s ease-out;
|
||||
&:hover {
|
||||
background-color: var(--bg-color);
|
||||
}
|
||||
}
|
||||
button.carousel-dot {
|
||||
backdrop-filter: none !important;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
button.carousel-dot[disabled] {
|
||||
/* button.carousel-dot[disabled] {
|
||||
pointer-events: none;
|
||||
}
|
||||
} */
|
||||
button.carousel-dot .icon {
|
||||
transition: all 0.2s;
|
||||
transform: scale(0.5);
|
||||
|
|
Loading…
Reference in a new issue