This commit is contained in:
parent
81fb811111
commit
00bbb5c015
3 changed files with 37 additions and 47 deletions
31
static/css/style-loadingcircle.css
Normal file
31
static/css/style-loadingcircle.css
Normal file
|
@ -0,0 +1,31 @@
|
|||
.favicon-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.favicon-wrapper.loading img {
|
||||
visibility: hidden; /* hide placeholder */
|
||||
}
|
||||
|
||||
.favicon-wrapper.loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
margin: -8px 0 0 -8px;
|
||||
border: 2px solid var(--html-bg);
|
||||
border-top-color: var(--fg);
|
||||
border-radius: 50%;
|
||||
animation: spin 0.7s linear infinite;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue