maverick/docbrown
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

streamline hover delay for preview card (#14493)

Browse source
This commit is contained in:
Suzanne Aitchison 2021-08-13 15:49:02 +01:00 • committed by GitHub
parent 52346188c4
commit c16f94f8da
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/profile-preview-card.scss
View file

@ -11,7 +11,7 @@
&__content.crayons-dropdown:hover {
display: block;
animation: hoverAppear 500ms;
animation: hoverAppear 1s;
&.showing {
animation: none;
@ -20,7 +20,7 @@
&__trigger:hover + .profile-preview-card__content.crayons-dropdown {
display: block;
animation: hoverAppear 500ms;
animation: hoverAppear 1s;
&.showing {
animation: none;
@ -30,14 +30,17 @@
@keyframes hoverAppear {
0% {
opacity: var(--opacity-0);
pointer-events: none;
}
99% {
opacity: var(--opacity-0);
pointer-events: none;
}
100% {
opacity: var(--opacity-100);
pointer-events: unset;
}
}
}