fix: flicker on mobile member card
This commit is contained in:
1
public/scripts/index.js
Normal file
1
public/scripts/index.js
Normal file
@@ -0,0 +1 @@
|
||||
// intentionally empty placeholder
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user