diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index e761acd..184d080 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -1822,6 +1822,9 @@ body.layout-single-column { content: var(--icon-reply-accent); top: 2px } +.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { + content: var(--icon-reply); +} .layout-single-column .notification__filter-bar i.fa-fw::before { width: 18px; height: 18px; @@ -1831,10 +1834,16 @@ body.layout-single-column { background-image: var(--icon-star-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa-star::before { + background-image: var(--icon-star); +} .layout-single-column .notification__filter-bar i.fa.fa-retweet { background-image: var(--icon-boost-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { + background-image: var(--icon-boost); +} .layout-single-column .notification__filter-bar i.fa.fa-home, .layout-single-column .notification__filter-bar i.fa.fa-tasks { transform: scale(1.2); diff --git a/TangerineUI.css b/TangerineUI.css index 0e16ab2..1eda53d 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -1822,6 +1822,9 @@ body.layout-single-column { content: var(--icon-reply-accent); top: 2px } +.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { + content: var(--icon-reply); +} .layout-single-column .notification__filter-bar i.fa-fw::before { width: 18px; height: 18px; @@ -1831,10 +1834,16 @@ body.layout-single-column { background-image: var(--icon-star-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa-star::before { + background-image: var(--icon-star); +} .layout-single-column .notification__filter-bar i.fa.fa-retweet { background-image: var(--icon-boost-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { + background-image: var(--icon-boost); +} .layout-single-column .notification__filter-bar i.fa.fa-home, .layout-single-column .notification__filter-bar i.fa.fa-tasks { transform: scale(1.2); diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss index e761acd..184d080 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss @@ -1822,6 +1822,9 @@ body.layout-single-column { content: var(--icon-reply-accent); top: 2px } +.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { + content: var(--icon-reply); +} .layout-single-column .notification__filter-bar i.fa-fw::before { width: 18px; height: 18px; @@ -1831,10 +1834,16 @@ body.layout-single-column { background-image: var(--icon-star-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa-star::before { + background-image: var(--icon-star); +} .layout-single-column .notification__filter-bar i.fa.fa-retweet { background-image: var(--icon-boost-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { + background-image: var(--icon-boost); +} .layout-single-column .notification__filter-bar i.fa.fa-home, .layout-single-column .notification__filter-bar i.fa.fa-tasks { transform: scale(1.2); diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss index 0e16ab2..1eda53d 100644 --- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss +++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss @@ -1822,6 +1822,9 @@ body.layout-single-column { content: var(--icon-reply-accent); top: 2px } +.layout-single-column .notification__filter-bar .active i.fa-reply-all::before { + content: var(--icon-reply); +} .layout-single-column .notification__filter-bar i.fa-fw::before { width: 18px; height: 18px; @@ -1831,10 +1834,16 @@ body.layout-single-column { background-image: var(--icon-star-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa-star::before { + background-image: var(--icon-star); +} .layout-single-column .notification__filter-bar i.fa.fa-retweet { background-image: var(--icon-boost-accent); transform: translate(0, 1px); } +.layout-single-column .notification__filter-bar .active i.fa.fa-retweet { + background-image: var(--icon-boost); +} .layout-single-column .notification__filter-bar i.fa.fa-home, .layout-single-column .notification__filter-bar i.fa.fa-tasks { transform: scale(1.2);