mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-14 12:18:30 +03:00
Code Issues Projects Releases Packages Wiki Activity

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;
}
button.carousel-dot:hover,
button.carousel-dot.active {
button.carousel-dot.active,
button.carousel-dot[disabled].active {
color: var(--link-color) !important;
}
button.carousel-dot.active {
pointer-events: none;
button.carousel-dot.active,
button.carousel-dot[disabled].active {
opacity: 1;
transform: scale(2) translateY(-.5px);
}
@media (hover: hover) {
.carousel-top-controls {

1
src/components/status.jsx
View file

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