js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 12:09:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix delayed button loading (#369)

Browse Source 
* fix delayed button loading

* fix delayed button loading
This commit is contained in:
Konnor Rogers
2024-12-19 19:13:08 -05:00
committed by GitHub
parent 1905ca9b77
commit 835326a2db
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/styles/applied.css
View File

@@ -62,15 +62,12 @@ body {
/* Show custom elements only after they're registered */
:where(:not(:defined, [did-ssr])) {
&,
& * {
/*
* if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade)
* If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade
* If an element takes longer than 1000ms to get defined, it fades in over 200ms
*/
animation: 200ms 800ms wa-fade-in both;
}
/*
* if an element gets defined earlier than 800ms, the animation stops applying so it just appears (no fade)
* If it takes somewhere between 800 and 1000 ms, then you may get an interrupted fade
* If an element takes longer than 1000ms to get defined, it fades in over 200ms
*/
animation: 200ms 800ms wa-fade-in both;
}
/* Content flow */