Fixed #2333 - The v-ripple directive breaks the behavior of list components in Firefox
parent
47c459e843
commit
18c3109511
|
@ -9,8 +9,9 @@
|
||||||
background: rgba(255, 255, 255, 0.5);
|
background: rgba(255, 255, 255, 0.5);
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
transform: scale(0);
|
transform: scale(0);
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.p-ink-active {
|
.p-ink-active {
|
||||||
animation: ripple 0.4s linear;
|
animation: ripple 0.4s linear;
|
||||||
}
|
}
|
||||||
|
@ -18,10 +19,10 @@
|
||||||
.p-ripple-disabled .p-ink {
|
.p-ripple-disabled .p-ink {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes ripple {
|
@keyframes ripple {
|
||||||
100% {
|
100% {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(2.5);
|
transform: scale(2.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue