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

Fixed Reply, Bookmark and Star icons

Browse source
This commit is contained in:
Niléane 2023-10-25 00:20:40 +02:00
commit a2c79bd5da
No known key found for this signature in database
4 changed files with 156 additions and 128 deletions
Download patch file Download diff file Expand all files Collapse all files

71
TangerineUI-purple.css
View file

@ -293,48 +293,52 @@ body.layout-single-column {
background-size: contain; background-size: contain;
} }
/* Replace bookmark icon */ /* Replace bookmark icon */
.layout-single-column i.fa-bookmark:before { .layout-single-column .icon-bookmark path {
display: none;
}
.layout-single-column .icon-bookmark {
background-image: var(--icon-bookmark); background-image: var(--icon-bookmark);
background-size: 80%; background-repeat: no-repeat;
background-size: 90%;
background-position: center 55%; background-position: center 55%;
} }
.layout-single-column .detailed-status__button i.fa-bookmark:before { .layout-single-column .detailed-status__button .icon-bookmark {
background-image: var(--icon-bookmark-accent); background-image: var(--icon-bookmark-accent);
background-size: 90%;
} }
.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { .layout-single-column .icon-button.active .icon-bookmark {
background-image: var(--icon-bookmark-active); background-image: var(--icon-bookmark-active);
} }
/* Replace share icon */
.layout-single-column i.fa-share-alt:before {
background-image: var(--icon-share);
}
.layout-single-column .detailed-status__button i.fa-share-alt:before {
background-image: var(--icon-share-accent);
}
/* Replace star icon */ /* Replace star icon */
.layout-single-column i.fa-star:before { .layout-single-column .icon-star path {
display: none;
}
.layout-single-column .icon-star {
background-image: var(--icon-star); background-image: var(--icon-star);
text-align: center; background-repeat: no-repeat;
line-height: 34px; background-size: 90%;
background-position: center;
} }
.layout-single-column .detailed-status__button i.fa-star:before { .layout-single-column .detailed-status__button .icon-star {
background-size: 75%;
background-image: var(--icon-star-accent); background-image: var(--icon-star-accent);
background-size: 90%;
} }
.layout-single-column button.icon-button.active i.fa-star:before, .layout-single-column button.icon-button.active .icon-star,
.layout-single-column .notification i.fa-star:before { .layout-single-column .notification .icon-star {
background-image: var(--icon-star-active); background-image: var(--icon-star-active);
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link .icon-star {
content: " "; vertical-align: text-bottom;
transform: scale(.9); margin: 1px 4px 1px 1px;
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column .icon-retweet path { .layout-single-column .icon-retweet path {
display: none; display: none;
} }
.layout-single-column .status__action-bar__button .icon-retweet { .layout-single-column .icon-retweet {
background-image: var(--icon-boost); background-image: var(--icon-boost);
background-repeat: no-repeat;
background-position: center;
} }
.layout-single-column .detailed-status__button .icon-retweet, .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 .icon-retweet,
@ -352,7 +356,8 @@ body.layout-single-column {
transform: scale(.9) translate(0, 1px); transform: scale(.9) translate(0, 1px);
} }
.layout-single-column .detailed-status__link .icon-retweet { .layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost); vertical-align: text-bottom;
margin: 1px 4px 1px 1px;
} }
.layout-single-column button.icon-button.reblogPrivate .icon-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.reblogPrivate:hover .icon-retweet,
@ -367,16 +372,18 @@ body.layout-single-column {
vertical-align: middle; vertical-align: middle;
} }
/* Replace reply icon */ /* Replace reply icon */
.layout-single-column i.fa-mail-reply::before, .layout-single-column .icon-reply path,
.layout-single-column i.fa-reply::before, .layout-single-column .icon-reply-all path {
.layout-single-column i.fa-reply-all::before { display: none;
content: var(--icon-reply);
position: relative;
top: 3px;
} }
.layout-single-column .detailed-status__button i.fa-reply::before, .layout-single-column .icon-reply,
.layout-single-column .detailed-status__button i.fa-reply-all::before { .layout-single-column .icon-reply-all {
content: var(--icon-reply-accent); background-image: var(--icon-reply);
background-repeat: no-repeat;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-reply {
background-image: var(--icon-reply-accent);
} }

71
TangerineUI.css
View file

@ -293,48 +293,52 @@ body.layout-single-column {
background-size: contain; background-size: contain;
} }
/* Replace bookmark icon */ /* Replace bookmark icon */
.layout-single-column i.fa-bookmark:before { .layout-single-column .icon-bookmark path {
display: none;
}
.layout-single-column .icon-bookmark {
background-image: var(--icon-bookmark); background-image: var(--icon-bookmark);
background-size: 80%; background-repeat: no-repeat;
background-size: 90%;
background-position: center 55%; background-position: center 55%;
} }
.layout-single-column .detailed-status__button i.fa-bookmark:before { .layout-single-column .detailed-status__button .icon-bookmark {
background-image: var(--icon-bookmark-accent); background-image: var(--icon-bookmark-accent);
background-size: 90%;
} }
.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { .layout-single-column .icon-button.active .icon-bookmark {
background-image: var(--icon-bookmark-active); background-image: var(--icon-bookmark-active);
} }
/* Replace share icon */
.layout-single-column i.fa-share-alt:before {
background-image: var(--icon-share);
}
.layout-single-column .detailed-status__button i.fa-share-alt:before {
background-image: var(--icon-share-accent);
}
/* Replace star icon */ /* Replace star icon */
.layout-single-column i.fa-star:before { .layout-single-column .icon-star path {
display: none;
}
.layout-single-column .icon-star {
background-image: var(--icon-star); background-image: var(--icon-star);
text-align: center; background-repeat: no-repeat;
line-height: 34px; background-size: 90%;
background-position: center;
} }
.layout-single-column .detailed-status__button i.fa-star:before { .layout-single-column .detailed-status__button .icon-star {
background-size: 75%;
background-image: var(--icon-star-accent); background-image: var(--icon-star-accent);
background-size: 90%;
} }
.layout-single-column button.icon-button.active i.fa-star:before, .layout-single-column button.icon-button.active .icon-star,
.layout-single-column .notification i.fa-star:before { .layout-single-column .notification .icon-star {
background-image: var(--icon-star-active); background-image: var(--icon-star-active);
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link .icon-star {
content: " "; vertical-align: text-bottom;
transform: scale(.9); margin: 1px 4px 1px 1px;
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column .icon-retweet path { .layout-single-column .icon-retweet path {
display: none; display: none;
} }
.layout-single-column .status__action-bar__button .icon-retweet { .layout-single-column .icon-retweet {
background-image: var(--icon-boost); background-image: var(--icon-boost);
background-repeat: no-repeat;
background-position: center;
} }
.layout-single-column .detailed-status__button .icon-retweet, .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 .icon-retweet,
@ -352,7 +356,8 @@ body.layout-single-column {
transform: scale(.9) translate(0, 1px); transform: scale(.9) translate(0, 1px);
} }
.layout-single-column .detailed-status__link .icon-retweet { .layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost); vertical-align: text-bottom;
margin: 1px 4px 1px 1px;
} }
.layout-single-column button.icon-button.reblogPrivate .icon-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.reblogPrivate:hover .icon-retweet,
@ -367,16 +372,18 @@ body.layout-single-column {
vertical-align: middle; vertical-align: middle;
} }
/* Replace reply icon */ /* Replace reply icon */
.layout-single-column i.fa-mail-reply::before, .layout-single-column .icon-reply path,
.layout-single-column i.fa-reply::before, .layout-single-column .icon-reply-all path {
.layout-single-column i.fa-reply-all::before { display: none;
content: var(--icon-reply);
position: relative;
top: 3px;
} }
.layout-single-column .detailed-status__button i.fa-reply::before, .layout-single-column .icon-reply,
.layout-single-column .detailed-status__button i.fa-reply-all::before { .layout-single-column .icon-reply-all {
content: var(--icon-reply-accent); background-image: var(--icon-reply);
background-repeat: no-repeat;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-reply {
background-image: var(--icon-reply-accent);
} }

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

@ -293,48 +293,52 @@ body.layout-single-column {
background-size: contain; background-size: contain;
} }
/* Replace bookmark icon */ /* Replace bookmark icon */
.layout-single-column i.fa-bookmark:before { .layout-single-column .icon-bookmark path {
display: none;
}
.layout-single-column .icon-bookmark {
background-image: var(--icon-bookmark); background-image: var(--icon-bookmark);
background-size: 80%; background-repeat: no-repeat;
background-size: 90%;
background-position: center 55%; background-position: center 55%;
} }
.layout-single-column .detailed-status__button i.fa-bookmark:before { .layout-single-column .detailed-status__button .icon-bookmark {
background-image: var(--icon-bookmark-accent); background-image: var(--icon-bookmark-accent);
background-size: 90%;
} }
.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { .layout-single-column .icon-button.active .icon-bookmark {
background-image: var(--icon-bookmark-active); background-image: var(--icon-bookmark-active);
} }
/* Replace share icon */
.layout-single-column i.fa-share-alt:before {
background-image: var(--icon-share);
}
.layout-single-column .detailed-status__button i.fa-share-alt:before {
background-image: var(--icon-share-accent);
}
/* Replace star icon */ /* Replace star icon */
.layout-single-column i.fa-star:before { .layout-single-column .icon-star path {
display: none;
}
.layout-single-column .icon-star {
background-image: var(--icon-star); background-image: var(--icon-star);
text-align: center; background-repeat: no-repeat;
line-height: 34px; background-size: 90%;
background-position: center;
} }
.layout-single-column .detailed-status__button i.fa-star:before { .layout-single-column .detailed-status__button .icon-star {
background-size: 75%;
background-image: var(--icon-star-accent); background-image: var(--icon-star-accent);
background-size: 90%;
} }
.layout-single-column button.icon-button.active i.fa-star:before, .layout-single-column button.icon-button.active .icon-star,
.layout-single-column .notification i.fa-star:before { .layout-single-column .notification .icon-star {
background-image: var(--icon-star-active); background-image: var(--icon-star-active);
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link .icon-star {
content: " "; vertical-align: text-bottom;
transform: scale(.9); margin: 1px 4px 1px 1px;
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column .icon-retweet path { .layout-single-column .icon-retweet path {
display: none; display: none;
} }
.layout-single-column .status__action-bar__button .icon-retweet { .layout-single-column .icon-retweet {
background-image: var(--icon-boost); background-image: var(--icon-boost);
background-repeat: no-repeat;
background-position: center;
} }
.layout-single-column .detailed-status__button .icon-retweet, .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 .icon-retweet,
@ -352,7 +356,8 @@ body.layout-single-column {
transform: scale(.9) translate(0, 1px); transform: scale(.9) translate(0, 1px);
} }
.layout-single-column .detailed-status__link .icon-retweet { .layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost); vertical-align: text-bottom;
margin: 1px 4px 1px 1px;
} }
.layout-single-column button.icon-button.reblogPrivate .icon-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.reblogPrivate:hover .icon-retweet,
@ -367,16 +372,18 @@ body.layout-single-column {
vertical-align: middle; vertical-align: middle;
} }
/* Replace reply icon */ /* Replace reply icon */
.layout-single-column i.fa-mail-reply::before, .layout-single-column .icon-reply path,
.layout-single-column i.fa-reply::before, .layout-single-column .icon-reply-all path {
.layout-single-column i.fa-reply-all::before { display: none;
content: var(--icon-reply);
position: relative;
top: 3px;
} }
.layout-single-column .detailed-status__button i.fa-reply::before, .layout-single-column .icon-reply,
.layout-single-column .detailed-status__button i.fa-reply-all::before { .layout-single-column .icon-reply-all {
content: var(--icon-reply-accent); background-image: var(--icon-reply);
background-repeat: no-repeat;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-reply {
background-image: var(--icon-reply-accent);
} }

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

@ -293,48 +293,52 @@ body.layout-single-column {
background-size: contain; background-size: contain;
} }
/* Replace bookmark icon */ /* Replace bookmark icon */
.layout-single-column i.fa-bookmark:before { .layout-single-column .icon-bookmark path {
display: none;
}
.layout-single-column .icon-bookmark {
background-image: var(--icon-bookmark); background-image: var(--icon-bookmark);
background-size: 80%; background-repeat: no-repeat;
background-size: 90%;
background-position: center 55%; background-position: center 55%;
} }
.layout-single-column .detailed-status__button i.fa-bookmark:before { .layout-single-column .detailed-status__button .icon-bookmark {
background-image: var(--icon-bookmark-accent); background-image: var(--icon-bookmark-accent);
background-size: 90%;
} }
.layout-single-column .icon-button.active i.fa.fa-bookmark.fa-fw:before { .layout-single-column .icon-button.active .icon-bookmark {
background-image: var(--icon-bookmark-active); background-image: var(--icon-bookmark-active);
} }
/* Replace share icon */
.layout-single-column i.fa-share-alt:before {
background-image: var(--icon-share);
}
.layout-single-column .detailed-status__button i.fa-share-alt:before {
background-image: var(--icon-share-accent);
}
/* Replace star icon */ /* Replace star icon */
.layout-single-column i.fa-star:before { .layout-single-column .icon-star path {
display: none;
}
.layout-single-column .icon-star {
background-image: var(--icon-star); background-image: var(--icon-star);
text-align: center; background-repeat: no-repeat;
line-height: 34px; background-size: 90%;
background-position: center;
} }
.layout-single-column .detailed-status__button i.fa-star:before { .layout-single-column .detailed-status__button .icon-star {
background-size: 75%;
background-image: var(--icon-star-accent); background-image: var(--icon-star-accent);
background-size: 90%;
} }
.layout-single-column button.icon-button.active i.fa-star:before, .layout-single-column button.icon-button.active .icon-star,
.layout-single-column .notification i.fa-star:before { .layout-single-column .notification .icon-star {
background-image: var(--icon-star-active); background-image: var(--icon-star-active);
} }
.layout-single-column .detailed-status__link i.fa.fa-star:before { .layout-single-column .detailed-status__link .icon-star {
content: " "; vertical-align: text-bottom;
transform: scale(.9); margin: 1px 4px 1px 1px;
} }
/* Replace retweet icon */ /* Replace retweet icon */
.layout-single-column .icon-retweet path { .layout-single-column .icon-retweet path {
display: none; display: none;
} }
.layout-single-column .status__action-bar__button .icon-retweet { .layout-single-column .icon-retweet {
background-image: var(--icon-boost); background-image: var(--icon-boost);
background-repeat: no-repeat;
background-position: center;
} }
.layout-single-column .detailed-status__button .icon-retweet, .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 .icon-retweet,
@ -352,7 +356,8 @@ body.layout-single-column {
transform: scale(.9) translate(0, 1px); transform: scale(.9) translate(0, 1px);
} }
.layout-single-column .detailed-status__link .icon-retweet { .layout-single-column .detailed-status__link .icon-retweet {
background-image: var(--icon-boost); vertical-align: text-bottom;
margin: 1px 4px 1px 1px;
} }
.layout-single-column button.icon-button.reblogPrivate .icon-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.reblogPrivate:hover .icon-retweet,
@ -367,16 +372,18 @@ body.layout-single-column {
vertical-align: middle; vertical-align: middle;
} }
/* Replace reply icon */ /* Replace reply icon */
.layout-single-column i.fa-mail-reply::before, .layout-single-column .icon-reply path,
.layout-single-column i.fa-reply::before, .layout-single-column .icon-reply-all path {
.layout-single-column i.fa-reply-all::before { display: none;
content: var(--icon-reply);
position: relative;
top: 3px;
} }
.layout-single-column .detailed-status__button i.fa-reply::before, .layout-single-column .icon-reply,
.layout-single-column .detailed-status__button i.fa-reply-all::before { .layout-single-column .icon-reply-all {
content: var(--icon-reply-accent); background-image: var(--icon-reply);
background-repeat: no-repeat;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-reply {
background-image: var(--icon-reply-accent);
} }