mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions 1

Fix animated logo spinner

Browse source
This commit is contained in:
Jamie Kyle 2024-11-14 18:58:49 -08:00 • committed by GitHub
parent ca19a7a774
commit 2c22dca023
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
stylesheets/components/Inbox.scss
View file

@ -48,6 +48,13 @@
margin-block: 24px; margin-block: 24px;
position: relative; position: relative;
@include light-theme() {
--Inbox__logo__bg: #{$color-ultramarine-logo};
}
@include dark-theme() {
--Inbox__logo__bg: #{$color-white};
}
.Inbox__logo__part { .Inbox__logo__part {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -55,7 +62,7 @@
} }
.Inbox__logo__part--base { .Inbox__logo__part--base {
@include color-svg('../images/logo-parts/base.svg', $color-white); @include color-svg('../images/logo-parts/base.svg', var(--Inbox__logo__bg));
z-index: 1; z-index: 1;
} }
@ -72,7 +79,10 @@
@for $i from 1 through 16 { @for $i from 1 through 16 {
.Inbox__logo__part--segment:nth-child(#{$i + 1}) { .Inbox__logo__part--segment:nth-child(#{$i + 1}) {
@include color-svg('../images/logo-parts/p#{$i}.svg', $color-white); @include color-svg(
'../images/logo-parts/p#{$i}.svg',
var(--Inbox__logo__bg)
);
transform: rotate(#{(16 - $i) * 22.5}deg); transform: rotate(#{(16 - $i) * 22.5}deg);
} }
} }