teh/mastodon
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 10

Change disabled retweet icon (#14373)

Browse source 
* Change disabled retweet icon

* Hide fontawesome version of boost icon in both reduce-motion and no-reduce-motion
This commit is contained in:
ThibG 2020-07-22 22:48:51 +02:00 committed by GitHub
parent 5d9acc0ce4
commit e93efc0309
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/styles/mastodon/boost.scss
View file

File diff suppressed because one or more lines are too long

12
app/javascript/styles/mastodon/components.scss
View file

@ -2990,7 +2990,7 @@ a.account__display-name {
} }
} }
.no-reduce-motion button.icon-button i.fa-retweet { button.icon-button i.fa-retweet {
background-position: 0 0; background-position: 0 0;
height: 19px; height: 19px;
transition: background-position 0.9s steps(10); transition: background-position 0.9s steps(10);
@ -3004,18 +3004,14 @@ a.account__display-name {
} }
.no-reduce-motion button.icon-button.active i.fa-retweet { button.icon-button.active i.fa-retweet {
transition-duration: 0.9s; transition-duration: 0.9s;
background-position: 0 100%; background-position: 0 100%;
} }
.reduce-motion button.icon-button i.fa-retweet { .reduce-motion button.icon-button i.fa-retweet,
color: $action-button-color;
transition: color 100ms ease-in;
}
.reduce-motion button.icon-button.active i.fa-retweet { .reduce-motion button.icon-button.active i.fa-retweet {
color: $highlight-text-color; transition: none;
} }
.status-card { .status-card {