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

Finally fix the carousel dot color

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-28 21:02:55 +08:00
parent b06f9a2a09
commit d21f6158fe
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app.css
View file

@ -851,7 +851,6 @@ button.carousel-dot {
backdrop-filter: blur(12px) invert(0.25); backdrop-filter: blur(12px) invert(0.25);
} }
button.carousel-dot { button.carousel-dot {
color: var(--text-insignificant-color) !important;
font-weight: bold; font-weight: bold;
backdrop-filter: none !important; backdrop-filter: none !important;
transition: all 0.2s; transition: all 0.2s;
@ -859,8 +858,11 @@ button.carousel-dot {
button.carousel-dot[disabled] { button.carousel-dot[disabled] {
pointer-events: none; pointer-events: none;
} }
button.carousel-dot:is(:hover, :focus, .active, [disabled].active) { button.carousel-dot:not(.active) {
color: var(--button-text-color) !important; opacity: 0.5;
}
button.carousel-dot:not(.active):is(:hover, :focus) {
opacity: 1;
} }
button.carousel-dot:is(.active, [disabled].active) { button.carousel-dot:is(.active, [disabled].active) {
opacity: 1; opacity: 1;

2
src/components/media-modal.jsx
View file

@ -144,7 +144,7 @@ function MediaModal({
key={media.id} key={media.id}
type="button" type="button"
disabled={i === currentIndex} disabled={i === currentIndex}
class={`plain carousel-dot ${ class={`plain3 carousel-dot ${
i === currentIndex ? 'active' : '' i === currentIndex ? 'active' : ''
}`} }`}
onClick={(e) => { onClick={(e) => {