Further improve the remote font intergation: Better preload strategy, better loading and UI interation.

This commit is contained in:
NI
2019-12-13 14:35:23 +08:00
parent a5696d6b63
commit c018c7b4be
12 changed files with 223 additions and 78 deletions

View File

@@ -21,14 +21,18 @@
@import "~hack-font/build/web/hack.css";
#home-content > #home-content-preload-drop::before {
#connector-resource-preload-control-console {
font-family: Hack;
}
#connector-resource-preload-control-console::after {
content: " ";
font-family: Hack, monospace;
font-family: Hack;
font-weight: bold;
}
#home-content > #home-content-preload-drop::after {
#connector-resource-preload-control-console::before {
content: " ";
font-family: Hack, monospace;
font-family: Hack;
font-style: italic;
}
#home-content > .screen > .screen-screen > .screen-console {
@@ -144,5 +148,32 @@
}
#home-content > .screen > .screen-screen > .screen-console > .console-console {
font-family: Hack, monospace;
display: flex;
flex-direction: column;
justify-content: center;
justify-items: center;
color: #fff;
}
#home-content
> .screen
> .screen-screen
> .screen-console
> .console-console
> .console-loading {
text-align: center;
font-size: 1em;
font-weight: lighter;
}
#home-content
> .screen
> .screen-screen
> .screen-console
> .console-console
> .console-loading
> .console-loading-icon {
background: url(./busy.svg) 50% no-repeat;
width: 100%;
height: 100px;
}