chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Counter color matches the icon color when active

Browse source
This commit is contained in:
Niléane 2023-11-16 00:48:02 +01:00
commit ba93bfa935
No known key found for this signature in database
4 changed files with 52 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
TangerineUI-purple.css
View file

@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding-right: 4px;
margin-right: 2px;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-retweet + .icon-button__counter > .animated-number {
color: #D3487F;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-star + .icon-button__counter
> .animated-number {
color: #EBBB59;
}
.layout-single-column .detailed-status__meta .animated-number {
transform: translate(0, -1px);
}

13
TangerineUI.css
View file

@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding-right: 4px;
margin-right: 2px;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-retweet + .icon-button__counter > .animated-number {
color: #D3487F;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-star + .icon-button__counter
> .animated-number {
color: #EBBB59;
}
.layout-single-column .detailed-status__meta .animated-number {
transform: translate(0, -1px);
}

13
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding-right: 4px;
margin-right: 2px;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-retweet + .icon-button__counter > .animated-number {
color: #D3487F;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-star + .icon-button__counter
> .animated-number {
color: #EBBB59;
}
.layout-single-column .detailed-status__meta .animated-number {
transform: translate(0, -1px);
}

13
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -1390,6 +1390,19 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
padding-right: 4px;
margin-right: 2px;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-retweet + .icon-button__counter > .animated-number {
color: #D3487F;
}
.layout-single-column
:is(.status__action-bar, .detailed-status__action-bar)
.active
.icon-star + .icon-button__counter
> .animated-number {
color: #EBBB59;
}
.layout-single-column .detailed-status__meta .animated-number {
transform: translate(0, -1px);
}