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

Fixed boost icons

Browse source
This commit is contained in:
Niléane 2023-10-24 23:26:37 +02:00
commit 7a1462ddd3
No known key found for this signature in database
4 changed files with 76 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

38
TangerineUI-purple.css
View file

@ -330,39 +330,39 @@ body.layout-single-column {
transform: scale(.9);
}
/* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost);
background-position: center;
.layout-single-column .icon-retweet path {
display: none;
}
.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .status__action-bar__button .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column .detailed-status__button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button:hover .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column button.icon-button.active .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button.active:hover .icon-retweet {
background-image: var(--icon-boost-active);
background-position: center;
}
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
.layout-single-column .status__prepend-icon.icon-retweet,
.layout-single-column .notification .icon-retweet {
background-image: var(--icon-boost-active);
transform: scale(.9) translate(0, -1px);
transform: scale(.9) translate(0, 1px);
}
.layout-single-column .detailed-status__link .fa.fa-retweet:before {
.layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column button.icon-button.reblogPrivate i.fa-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet,
.layout-single-column button.icon-button.disabled i.fa-retweet,
.layout-single-column button.icon-button.disabled:hover i.fa-retweet {
.layout-single-column button.icon-button.reblogPrivate .icon-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover .icon-retweet,
.layout-single-column button.icon-button.disabled .icon-retweet,
.layout-single-column button.icon-button.disabled:hover .icon-retweet {
background-image: var(--icon-boost);
opacity: .2;
pointer-events: none;
}
.layout-single-column .boost-modal__action-bar .fa-retweet {
.layout-single-column .boost-modal__action-bar .icon-retweet {
background-image: var(--icon-boost);
vertical-align: middle;
}

38
TangerineUI.css
View file

@ -330,39 +330,39 @@ body.layout-single-column {
transform: scale(.9);
}
/* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost);
background-position: center;
.layout-single-column .icon-retweet path {
display: none;
}
.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .status__action-bar__button .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column .detailed-status__button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button:hover .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column button.icon-button.active .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button.active:hover .icon-retweet {
background-image: var(--icon-boost-active);
background-position: center;
}
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
.layout-single-column .status__prepend-icon.icon-retweet,
.layout-single-column .notification .icon-retweet {
background-image: var(--icon-boost-active);
transform: scale(.9) translate(0, -1px);
transform: scale(.9) translate(0, 1px);
}
.layout-single-column .detailed-status__link .fa.fa-retweet:before {
.layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column button.icon-button.reblogPrivate i.fa-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet,
.layout-single-column button.icon-button.disabled i.fa-retweet,
.layout-single-column button.icon-button.disabled:hover i.fa-retweet {
.layout-single-column button.icon-button.reblogPrivate .icon-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover .icon-retweet,
.layout-single-column button.icon-button.disabled .icon-retweet,
.layout-single-column button.icon-button.disabled:hover .icon-retweet {
background-image: var(--icon-boost);
opacity: .2;
pointer-events: none;
}
.layout-single-column .boost-modal__action-bar .fa-retweet {
.layout-single-column .boost-modal__action-bar .icon-retweet {
background-image: var(--icon-boost);
vertical-align: middle;
}

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

@ -330,39 +330,39 @@ body.layout-single-column {
transform: scale(.9);
}
/* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost);
background-position: center;
.layout-single-column .icon-retweet path {
display: none;
}
.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .status__action-bar__button .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column .detailed-status__button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button:hover .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column button.icon-button.active .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button.active:hover .icon-retweet {
background-image: var(--icon-boost-active);
background-position: center;
}
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
.layout-single-column .status__prepend-icon.icon-retweet,
.layout-single-column .notification .icon-retweet {
background-image: var(--icon-boost-active);
transform: scale(.9) translate(0, -1px);
transform: scale(.9) translate(0, 1px);
}
.layout-single-column .detailed-status__link .fa.fa-retweet:before {
.layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column button.icon-button.reblogPrivate i.fa-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet,
.layout-single-column button.icon-button.disabled i.fa-retweet,
.layout-single-column button.icon-button.disabled:hover i.fa-retweet {
.layout-single-column button.icon-button.reblogPrivate .icon-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover .icon-retweet,
.layout-single-column button.icon-button.disabled .icon-retweet,
.layout-single-column button.icon-button.disabled:hover .icon-retweet {
background-image: var(--icon-boost);
opacity: .2;
pointer-events: none;
}
.layout-single-column .boost-modal__action-bar .fa-retweet {
.layout-single-column .boost-modal__action-bar .icon-retweet {
background-image: var(--icon-boost);
vertical-align: middle;
}

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

@ -330,39 +330,39 @@ body.layout-single-column {
transform: scale(.9);
}
/* Replace retweet icon */
.layout-single-column i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column button.icon-button:hover i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost);
background-position: center;
.layout-single-column .icon-retweet path {
display: none;
}
.layout-single-column .detailed-status__button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .status__action-bar__button .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column .detailed-status__button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button:hover .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw,
.layout-single-column .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column button.icon-button.active .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button.active:hover .icon-retweet {
background-image: var(--icon-boost-active);
background-position: center;
}
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
.layout-single-column .status__prepend-icon.icon-retweet,
.layout-single-column .notification .icon-retweet {
background-image: var(--icon-boost-active);
transform: scale(.9) translate(0, -1px);
transform: scale(.9) translate(0, 1px);
}
.layout-single-column .detailed-status__link .fa.fa-retweet:before {
.layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column button.icon-button.reblogPrivate i.fa-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover i.fa-retweet,
.layout-single-column button.icon-button.disabled i.fa-retweet,
.layout-single-column button.icon-button.disabled:hover i.fa-retweet {
.layout-single-column button.icon-button.reblogPrivate .icon-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover .icon-retweet,
.layout-single-column button.icon-button.disabled .icon-retweet,
.layout-single-column button.icon-button.disabled:hover .icon-retweet {
background-image: var(--icon-boost);
opacity: .2;
pointer-events: none;
}
.layout-single-column .boost-modal__action-bar .fa-retweet {
.layout-single-column .boost-modal__action-bar .icon-retweet {
background-image: var(--icon-boost);
vertical-align: middle;
}