hardi
/
opt-cc
1
0
Fork 0
Code Pull Requests Releases 47 Activity

Improve load indicator positioning (CC-87)

pull/54/head
HardiReady 2019-02-15 22:28:04 +01:00
parent 8304dc1a0e
commit 15787fa299
1 changed files with 4 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
static/src/app/style/load-indicator.css
View File

@ -1,10 +1,10 @@
.load-indicator { .load-indicator {
position: absolute;
top: 50%;
z-index: 10000;
left: 46%;
width: 100px; width: 100px;
height: 100px; height: 100px;
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 50px);
z-index: 10000;
filter: drop-shadow(3px 1px 2px #666666); filter: drop-shadow(3px 1px 2px #666666);
} }
@ -27,28 +27,6 @@
color: #dadada; color: #dadada;
} }
@media only screen and (min-width: 1200px) {
.load-indicator {
left: 46.1%;
}
}
@media only screen and (min-width: 1376px) {
.load-indicator {
left: 46.55%;
}
}
@media only screen and (min-width: 1600px) {
.load-indicator {
left: 47.45%;
}
}
@media only screen and (min-width: 1925px) {
.load-indicator {
left: 48.1%;
}
}
@keyframes fade { @keyframes fade {
0%, 100% { opacity: 0.5; } 0%, 100% { opacity: 0.5; }
50% { opacity: 1; } 50% { opacity: 1; }