mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-30 15:58:07 +09:00
Code

Follow-up on #48: icon active state

Browse Source
This commit is contained in:
Niléane 2023-08-21 12:46:10 +02:00
parent 2802606a59
commit 5158703a37
No known key found for this signature in database
4 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
TangerineUI-purple.css
View File

@ -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);

9
TangerineUI.css
View File

@ -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);

9
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View File

@ -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);

9
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View File

@ -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);