mirror of
https://github.com/imputnet/cobalt.git
synced 2026-10-20 19:03:24 +00:00
web/layout: preload meowbalt assets
no more flickering i hope is this rational? maybe not so much, but it makes cobalt feel like a native app
This commit is contained in:
parent
429591c445
commit
e6e2fea870
1 changed files with 14 additions and 0 deletions
|
|
@ -75,6 +75,7 @@
|
|||
data-theme={browser ? $currentTheme : undefined}
|
||||
lang={$locale}
|
||||
>
|
||||
<div id="preload-meowbalt" aria-hidden="true"></div>
|
||||
<div
|
||||
id="cobalt"
|
||||
class:loaded={browser}
|
||||
|
|
@ -644,4 +645,17 @@
|
|||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* preload meowbalt assets to prevent flickering in dialogs */
|
||||
#preload-meowbalt {
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
z-index: -10;
|
||||
content:
|
||||
url(/meowbalt/smile.png)
|
||||
url(/meowbalt/error.png)
|
||||
url(/meowbalt/question.png)
|
||||
url(/meowbalt/think.png);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue