mirror of
https://github.com/wukko/cobalt.git
synced 2025-04-30 06:24:25 +02: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
@ -75,6 +75,7 @@
|
|||||||
data-theme={browser ? $currentTheme : undefined}
|
data-theme={browser ? $currentTheme : undefined}
|
||||||
lang={$locale}
|
lang={$locale}
|
||||||
>
|
>
|
||||||
|
<div id="preload-meowbalt" aria-hidden="true"></div>
|
||||||
<div
|
<div
|
||||||
id="cobalt"
|
id="cobalt"
|
||||||
class:loaded={browser}
|
class:loaded={browser}
|
||||||
@ -644,4 +645,17 @@
|
|||||||
transform: rotate(360deg);
|
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>
|
</style>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user