Add theme-based text color and fix spin (#148)

Disclaimer: This is bad practice!

HOWEVER! I noticed that the spinning animation was sorta off. It took me a while to figure it out, but eventually I noticed that the spinning icon provided by FontAwesome had the dimensions 28x29.

Since width and height wasn't the same it create a sort of jumping (?) and made the animation less smooth.

To fix it I checked what font-size it currently had and literally tried some numbers above and below it.

My first attempt was `2.072`, which made the icon 29x29 - which didn't solve the issue, since the animation wasn't perfectly centered anymore.

`1.99999999`, as unfortunate it is, turned the icon into 28x28 and fixed the animation.
This commit is contained in:
Patrick Kontschak 2019-12-14 22:49:24 +01:00 committed by Roman Cervantes
parent ec62706b02
commit d2ce69c120
2 changed files with 11459 additions and 0 deletions

View file

@ -11,6 +11,7 @@
.authorizing {
background: var(--body-background);
color: var(--primary-text-color);
height: 100vh;
position: fixed;
top: 0;
@ -25,6 +26,7 @@
}
i {
font-size: 1.99999999em;
margin: $gp;
}
}

11457
yarn.lock Normal file

File diff suppressed because it is too large Load diff