Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-02 14:16:39 +01:00
Code Issues Projects Releases Packages Wiki Activity

Slight adjustments to carousel top buttons

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-03 22:10:32 +08:00
parent 4ac2e4aa7b
commit faa7ffc310
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/app.css
View file

@ -1120,11 +1120,10 @@ button.carousel-dot {
button.carousel-dot { button.carousel-dot {
background-color: transparent; background-color: transparent;
} }
.carousel-controls :is(.button, button).carousel-button { :is(.button, button).carousel-button {
background-color: var(--bg-blur-color); 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); background-color: var(--bg-color);
} }
.carousel-top-controls .szh-menu-container { .carousel-top-controls .szh-menu-container {
@ -1141,15 +1140,19 @@ button.carousel-dot {
border: 1px solid var(--outline-color); border: 1px solid var(--outline-color);
box-shadow: 0 4px 32px var(--drop-shadow-color); box-shadow: 0 4px 32px var(--drop-shadow-color);
/* backdrop-filter: blur(12px) invert(0.25); */ /* backdrop-filter: blur(12px) invert(0.25); */
transition: background-color 0.2s ease-out;
&:hover {
background-color: var(--bg-color);
}
} }
button.carousel-dot { button.carousel-dot {
backdrop-filter: none !important; backdrop-filter: none !important;
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
button.carousel-dot[disabled] { /* button.carousel-dot[disabled] {
pointer-events: none; pointer-events: none;
} } */
button.carousel-dot .icon { button.carousel-dot .icon {
transition: all 0.2s; transition: all 0.2s;
transform: scale(0.5); transform: scale(0.5);