From 3d7f68c273f03497ff555acac70355ba1815f7a2 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Fri, 28 Sep 2018 02:11:14 +0200 Subject: Revert Font Awesome 5 upgrade (#8810) * Revert "Fix some icon names changed by the Font Awesome 5. (#8796)" This reverts commit 3f9ec3de82c1a3879a2b092672f51c1caca76f5c. * Revert "Migrate to font-awesome 5.0. (#8799)" This reverts commit 8bae14591bfb4fc9dd9d89d8082ac0123b03edaa. * Revert "Fix some icons names, unavailable in fontawesome5 (free license). (#8792)" This reverts commit b9c727a945fea5afffb3e3a53279164adfc6e88f. * Revert "Update the icon name changed by the Font Awesome 5. (#8776)" This reverts commit 17af4d27da484fc35ecd4b4dce2443d24aa35d23. * Revert "Add bot icon to bot avatars and migrate to newer version of Font Awesome (#8484)" This reverts commit 4b794e134d427dbc716606324adb9a885a74abec. --- app/javascript/styles/mastodon/about.scss | 2 +- app/javascript/styles/mastodon/accounts.scss | 4 +-- app/javascript/styles/mastodon/admin.scss | 2 +- app/javascript/styles/mastodon/components.scss | 42 ++++++++------------------ app/javascript/styles/mastodon/forms.scss | 2 +- app/javascript/styles/mastodon/rtl.scss | 6 ++-- app/javascript/styles/mastodon/tables.scss | 2 +- app/javascript/styles/mastodon/widgets.scss | 2 +- 8 files changed, 22 insertions(+), 40 deletions(-) (limited to 'app/javascript/styles') diff --git a/app/javascript/styles/mastodon/about.scss b/app/javascript/styles/mastodon/about.scss index 06a5f83d1..dc456be3e 100644 --- a/app/javascript/styles/mastodon/about.scss +++ b/app/javascript/styles/mastodon/about.scss @@ -1113,7 +1113,7 @@ $small-breakpoint: 960px; align-items: center; margin-left: 15px; - .fas { + .fa { display: block; color: $darker-text-color; font-size: 48px; diff --git a/app/javascript/styles/mastodon/accounts.scss b/app/javascript/styles/mastodon/accounts.scss index 830c64d50..06effbdb2 100644 --- a/app/javascript/styles/mastodon/accounts.scss +++ b/app/javascript/styles/mastodon/accounts.scss @@ -136,7 +136,7 @@ float: left; padding-left: 0; - .fas { + .fa { display: inline-block; margin-right: 5px; } @@ -146,7 +146,7 @@ float: right; padding-right: 0; - .fas { + .fa { display: inline-block; margin-left: 5px; } diff --git a/app/javascript/styles/mastodon/admin.scss b/app/javascript/styles/mastodon/admin.scss index 1ae4aa1fe..b6c771abf 100644 --- a/app/javascript/styles/mastodon/admin.scss +++ b/app/javascript/styles/mastodon/admin.scss @@ -50,7 +50,7 @@ $no-columns-breakpoint: 600px; transition: all 200ms linear; border-radius: 4px 0 0 4px; - i.fas { + i.fa { margin-right: 5px; } diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index dd440d16f..90e2ed5a5 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -675,7 +675,7 @@ &:hover { text-decoration: underline; - .fas { + .fa { color: lighten($dark-text-color, 7%); } } @@ -690,7 +690,7 @@ } } - .fas { + .fa { color: $dark-text-color; } } @@ -1132,12 +1132,6 @@ vertical-align: middle; margin-right: 5px; } - - .bot-icon { - position: absolute; - bottom: -.333em; - left: -.333em; - } } a .account__avatar { @@ -1355,22 +1349,10 @@ a .account__avatar { .account__header__avatar { background-size: 90px 90px; display: block; - font-size: 1.5em; height: 90px; margin: 0 auto 10px; - position: relative; + overflow: hidden; width: 90px; - - .bot-icon { - color: $dark-text-color; - position: absolute; - bottom: 0; - left: 0; - - .light & { - color: $inverted-text-color; - } - } } .account-authorize { @@ -1496,7 +1478,7 @@ a.account__display-name { font-size: 15px; position: relative; - .fas { + .fa { color: $highlight-text-color; } @@ -2044,7 +2026,7 @@ a.account__display-name { border-bottom: 2px solid lighten($ui-base-color, 8%); transition: all 50ms linear; - .fas { + .fa { font-weight: 400; font-size: 16px; } @@ -3274,7 +3256,7 @@ a.status-card { overflow: hidden; display: flex; - .fas { + .fa { font-size: 34px; margin-right: 10px; } @@ -3491,7 +3473,7 @@ a.status-card { outline: 0 !important; } - .fas { + .fa { position: absolute; top: 10px; right: 10px; @@ -3545,7 +3527,7 @@ a.status-card { font-size: 16px; cursor: default; - .fas { + .fa { display: inline-block; margin-right: 5px; } @@ -3564,7 +3546,7 @@ a.status-card { font-size: 16px; color: $dark-text-color; - .fas { + .fa { display: inline-block; margin-right: 5px; } @@ -4462,7 +4444,7 @@ a.status-card { justify-content: center; font-size: 26px; - .fas { + .fa { display: block; } } @@ -4500,7 +4482,7 @@ a.status-card { display: block; } - .fas { + .fa { color: $dark-text-color; } } @@ -5447,7 +5429,7 @@ noscript { font-size: 16px; cursor: default; - .fas { + .fa { display: inline-block; margin-right: 5px; } diff --git a/app/javascript/styles/mastodon/forms.scss b/app/javascript/styles/mastodon/forms.scss index c829023ee..be2bf7cea 100644 --- a/app/javascript/styles/mastodon/forms.scss +++ b/app/javascript/styles/mastodon/forms.scss @@ -656,7 +656,7 @@ code { } } - .fas { + .fa { font-weight: 400; } } diff --git a/app/javascript/styles/mastodon/rtl.scss b/app/javascript/styles/mastodon/rtl.scss index 16d09fa41..11588d47f 100644 --- a/app/javascript/styles/mastodon/rtl.scss +++ b/app/javascript/styles/mastodon/rtl.scss @@ -38,7 +38,7 @@ body.rtl { padding-left: 30px; } - .search__icon .fas { + .search__icon .fa { right: auto; left: 10px; } @@ -197,7 +197,7 @@ body.rtl { } .admin-wrapper .sidebar ul a i.fa, - a.table-action-link i.fas { + a.table-action-link i.fa { margin-right: 0; margin-left: 5px; } @@ -264,7 +264,7 @@ body.rtl { left: 0; } - .landing-page .fa-external-link-alt { + .landing-page .fa-external-link { padding-right: 5px; padding-left: 0 !important; } diff --git a/app/javascript/styles/mastodon/tables.scss b/app/javascript/styles/mastodon/tables.scss index 73195ac0a..adb75afe5 100644 --- a/app/javascript/styles/mastodon/tables.scss +++ b/app/javascript/styles/mastodon/tables.scss @@ -112,7 +112,7 @@ a.table-action-link { color: $primary-text-color; } - i.fas { + i.fa { font-weight: 400; margin-right: 5px; } diff --git a/app/javascript/styles/mastodon/widgets.scss b/app/javascript/styles/mastodon/widgets.scss index 8267c3f4b..f843f0b42 100644 --- a/app/javascript/styles/mastodon/widgets.scss +++ b/app/javascript/styles/mastodon/widgets.scss @@ -196,7 +196,7 @@ &__message { margin-bottom: 15px; - .fas { + .fa { margin-right: 5px; color: $darker-text-color; } -- cgit