treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Change disabled retweet icon (#14373) 

* Change disabled retweet icon

* Hide fontawesome version of boost icon in both reduce-motion and no-reduce-motion
remotes/1727458204337373841/tmp_refs/heads/signup-info-prompt
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 {