From 133ee461ba10fb63a2c88e714673d6d6b96afff1 Mon Sep 17 00:00:00 2001 From: Darius Kazemi Date: Tue, 18 Nov 2025 19:57:30 -0800 Subject: [PATCH] Remove most font-awesome references in CSS Most of the references were fontAwesome SVG icons that we'd hacked directly in to the CSS for some reason I forget. No longer needed. `.notification__message .fa` just becomes `.notification-group__icon .icon`; it's for changing the color of the little "the following message in your notification is a Follow notification" icon to be an on-theme color. Changed the target so it still works. Got rid of some styling for a haml template that doesn't exist anymore. Notably I'm leaving in some `.fa` references because they are still in Mastodon! Probably a bug I'll file with them. https://github.com/mastodon/mastodon/blob/v4.5.1/app/javascript/styles/mastodon/widgets.scss#L50-L65 --- app/javascript/styles/fairy-floss/diff.scss | 10 +--------- app/javascript/styles/hometown.scss | 9 --------- app/javascript/styles/macaron/diff.scss | 20 -------------------- 3 files changed, 1 insertion(+), 38 deletions(-) diff --git a/app/javascript/styles/fairy-floss/diff.scss b/app/javascript/styles/fairy-floss/diff.scss index 5544d0483..7e0bc3399 100644 --- a/app/javascript/styles/fairy-floss/diff.scss +++ b/app/javascript/styles/fairy-floss/diff.scss @@ -309,14 +309,6 @@ body.admin { color: $pink; } -button.icon-button i.fa-retweet { - background-image: url("data:image/svg+xml;utf8,"); -} - -button.icon-button i.fa-retweet:hover { - background-image: url("data:image/svg+xml;utf8,"); -} - .notification__favourite-icon-wrapper .star-icon, .star-icon.active, a.mention.hashtag { @@ -333,7 +325,7 @@ a.mention.hashtag { } a.mention, -.notification__message .fa { +.notification-group__icon .icon { color: $pink; } diff --git a/app/javascript/styles/hometown.scss b/app/javascript/styles/hometown.scss index 81880036c..204789701 100644 --- a/app/javascript/styles/hometown.scss +++ b/app/javascript/styles/hometown.scss @@ -44,15 +44,6 @@ display: none; } -// app/views/statuses/_simple_status.html.haml -// Set width and height for the local-only indicator -.status__action-bar-button.icon-button:has(.fw.fa-chain-broken) { - font-size: 18px; - width: 23.1429px; - height: 23.1429px; - line-height: 23.15px; -} - // app/javascript/mastodon/features/compose/components/poll_form.jsx // Add some custom styling for the "multiple choice" selection button .compose-form__poll-wrapper .is-multiple-toggle { diff --git a/app/javascript/styles/macaron/diff.scss b/app/javascript/styles/macaron/diff.scss index ac06bcf69..0901a3945 100644 --- a/app/javascript/styles/macaron/diff.scss +++ b/app/javascript/styles/macaron/diff.scss @@ -1136,26 +1136,6 @@ a.status-card.compact:hover { color: $ui-primary-color; } -button.icon-button i.fa-retweet { - background-image: url("data:image/svg+xml;utf8,"); - - &:hover { - background-image: url("data:image/svg+xml;utf8,"); - } -} - -.status-private button.icon-button i.fa-retweet { - background-image: url("data:image/svg+xml;utf8,"); - - &:hover { - background-image: url("data:image/svg+xml;utf8,"); - } -} - -button.icon-button.disabled i.fa-retweet { - background-image: url("data:image/svg+xml;utf8,"); -} - .report-dialog-modal { background: $white; }