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

Fix clicking on active carousel dot closes the media modal

Browse source 
Also make the active dot larger
This commit is contained in:
Lim Chee Aun 2022-12-12 08:46:50 +08:00
parent cb64f5ffda
commit 87029b43d4
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app.css
View file

@ -388,11 +388,14 @@ button.carousel-dot {
backdrop-filter: none !important; backdrop-filter: none !important;
} }
button.carousel-dot:hover, button.carousel-dot:hover,
button.carousel-dot.active { button.carousel-dot.active,
button.carousel-dot[disabled].active {
color: var(--link-color) !important; color: var(--link-color) !important;
} }
button.carousel-dot.active { button.carousel-dot.active,
pointer-events: none; button.carousel-dot[disabled].active {
opacity: 1;
transform: scale(2) translateY(-.5px);
} }
@media (hover: hover) { @media (hover: hover) {
.carousel-top-controls { .carousel-top-controls {

1
src/components/status.jsx
View file

@ -1005,6 +1005,7 @@ function Status({
<button <button
key={media.id} key={media.id}
type="button" type="button"
disabled={i === showMediaModal}
class={`plain carousel-dot ${ class={`plain carousel-dot ${
i === showMediaModal ? 'active' : '' i === showMediaModal ? 'active' : ''
}`} }`}