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

Fixes to icon sizes

Browse source
This commit is contained in:
Niléane 2023-08-21 12:59:18 +02:00
commit 91be0d56e8
No known key found for this signature in database
4 changed files with 24 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
TangerineUI-purple.css
View file

@ -332,13 +332,14 @@ body.layout-single-column {
background-image: var(--icon-boost-accent); background-image: var(--icon-boost-accent);
} }
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, .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 .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
background-position: center; background-position: center;
} }
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw { .layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
transform: scale(.9);
} }
.layout-single-column .detailed-status__link .fa.fa-retweet:before { .layout-single-column .detailed-status__link .fa.fa-retweet:before {
background-image: var(--icon-boost); background-image: var(--icon-boost);
@ -1201,7 +1202,7 @@ body.layout-single-column {
position: relative; position: relative;
} }
.layout-single-column .status__action-bar .icon-button .fa { .layout-single-column .status__action-bar .icon-button .fa {
transform: scale(.7); transform: scale(.8);
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
@ -2690,6 +2691,7 @@ body.layout-single-column {
} }
.layout-single-column .notification__favourite-icon-wrapper i.fa-star:before { .layout-single-column .notification__favourite-icon-wrapper i.fa-star:before {
line-height: 24px; line-height: 24px;
transform: scale(.8);
} }
.layout-single-column .notification .status__wrapper { .layout-single-column .notification .status__wrapper {
padding-top: 0; padding-top: 0;

10
TangerineUI.css
View file

@ -332,13 +332,14 @@ body.layout-single-column {
background-image: var(--icon-boost-accent); background-image: var(--icon-boost-accent);
} }
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, .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 .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
background-position: center; background-position: center;
} }
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw { .layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
transform: scale(.9);
} }
.layout-single-column .detailed-status__link .fa.fa-retweet:before { .layout-single-column .detailed-status__link .fa.fa-retweet:before {
background-image: var(--icon-boost); background-image: var(--icon-boost);
@ -1201,7 +1202,7 @@ body.layout-single-column {
position: relative; position: relative;
} }
.layout-single-column .status__action-bar .icon-button .fa { .layout-single-column .status__action-bar .icon-button .fa {
transform: scale(.7); transform: scale(.8);
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
@ -2690,6 +2691,7 @@ body.layout-single-column {
} }
.layout-single-column .notification__favourite-icon-wrapper i.fa-star:before { .layout-single-column .notification__favourite-icon-wrapper i.fa-star:before {
line-height: 24px; line-height: 24px;
transform: scale(.8);
} }
.layout-single-column .notification .status__wrapper { .layout-single-column .notification .status__wrapper {
padding-top: 0; padding-top: 0;

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

@ -332,13 +332,14 @@ body.layout-single-column {
background-image: var(--icon-boost-accent); background-image: var(--icon-boost-accent);
} }
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, .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 .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
background-position: center; background-position: center;
} }
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw { .layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
transform: scale(.9);
} }
.layout-single-column .detailed-status__link .fa.fa-retweet:before { .layout-single-column .detailed-status__link .fa.fa-retweet:before {
background-image: var(--icon-boost); background-image: var(--icon-boost);
@ -1201,7 +1202,7 @@ body.layout-single-column {
position: relative; position: relative;
} }
.layout-single-column .status__action-bar .icon-button .fa { .layout-single-column .status__action-bar .icon-button .fa {
transform: scale(.7); transform: scale(.8);
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
@ -2690,6 +2691,7 @@ body.layout-single-column {
} }
.layout-single-column .notification__favourite-icon-wrapper i.fa-star:before { .layout-single-column .notification__favourite-icon-wrapper i.fa-star:before {
line-height: 24px; line-height: 24px;
transform: scale(.8);
} }
.layout-single-column .notification .status__wrapper { .layout-single-column .notification .status__wrapper {
padding-top: 0; padding-top: 0;

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

@ -332,13 +332,14 @@ body.layout-single-column {
background-image: var(--icon-boost-accent); background-image: var(--icon-boost-accent);
} }
.layout-single-column button.icon-button.active i.fa.fa-retweet.fa-fw, .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 .detailed-status__button button.icon-button.active:hover i.fa.fa-retweet.fa-fw {
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
background-position: center; background-position: center;
} }
.layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw { .layout-single-column .fa.fa-retweet.status__prepend-icon.fa-fw,
.layout-single-column .notification i.fa.fa-retweet.fa-fw {
background-image: var(--icon-boost-active); background-image: var(--icon-boost-active);
transform: scale(.9);
} }
.layout-single-column .detailed-status__link .fa.fa-retweet:before { .layout-single-column .detailed-status__link .fa.fa-retweet:before {
background-image: var(--icon-boost); background-image: var(--icon-boost);
@ -1201,7 +1202,7 @@ body.layout-single-column {
position: relative; position: relative;
} }
.layout-single-column .status__action-bar .icon-button .fa { .layout-single-column .status__action-bar .icon-button .fa {
transform: scale(.7); transform: scale(.8);
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
} }
@ -2690,6 +2691,7 @@ body.layout-single-column {
} }
.layout-single-column .notification__favourite-icon-wrapper i.fa-star:before { .layout-single-column .notification__favourite-icon-wrapper i.fa-star:before {
line-height: 24px; line-height: 24px;
transform: scale(.8);
} }
.layout-single-column .notification .status__wrapper { .layout-single-column .notification .status__wrapper {
padding-top: 0; padding-top: 0;