add namespace to slidein animation

I ran into a conflict on a site which also used a CSS animation named `slidein`, so I'd suggest this change or something like it to namespace the animation.  The `slidein` animation from this extension caused elements on the site to not appear.
This commit is contained in:
Michael Clayton 2021-05-24 14:37:17 -04:00 committed by GitHub
parent f8e26f98a1
commit ad68080a58
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1,6 +1,6 @@
div.kpxc-banner {
animation-duration: 0.2s;
animation-name: slidein;
animation-name: kpxc-slidein;
background-color: var(--kpxc-background-color);
border-bottom: 1px solid #38383d !important;
box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2) !important;
@ -22,7 +22,7 @@ div.kpxc-banner {
justify-content: space-between !important;
}
@keyframes slidein {
@keyframes kpxc-slidein {
from {
max-height: 0em;
}