fix: flicker on mobile member card

This commit is contained in:
2025-08-31 17:23:24 +02:00
parent 2f271f4b29
commit ef40bf1ee2
2 changed files with 13 additions and 0 deletions

View File

@@ -244,6 +244,7 @@ p {
margin-bottom: 0.5rem;
opacity: 1;
z-index: 1;
-webkit-tap-highlight-color: transparent;
}
/* Labels */
@@ -288,6 +289,17 @@ p {
z-index: 2;
}
/* Disable hover effects on touch devices to prevent flicker */
@media (hover: none) {
.member-card:hover::before {
opacity: 0 !important;
}
.member-card:hover {
box-shadow: none !important;
z-index: 1 !important;
}
}
.member-card.expanded {
border-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);