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

bigger action icons on focused posts

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

17
TangerineUI-purple.css
View file

@ -1050,6 +1050,10 @@ body.layout-single-column {
.layout-single-column .detailed-status .status__content__translate-button, .layout-single-column .detailed-status .status__content__translate-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
background-image: var(--icon-translate-accent); background-image: var(--icon-translate-accent);
background-size: 25px;
width: 40px;
height: 40px;
right: 60px;
} }
.layout-single-column .translate-button .link-button, .layout-single-column .translate-button .link-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
@ -1598,11 +1602,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.layout-single-column .status__action-bar .icon-button, .layout-single-column .status__action-bar .icon-button,
.layout-single-column .detailed-status__action-bar .icon-button { .layout-single-column .detailed-status__action-bar .icon-button {
min-width: 32px !important; min-width: 32px;
height: 32px !important; height: 32px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
} }
.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 40px;
height: 40px;
}
.layout-single-column .detailed-status__action-bar .icon-button > .icon {
width: 25px;
height: 25px;
}
.layout-single-column .detailed-status__action-bar .icon-button
.layout-single-column .icon-button.star-icon.active, .layout-single-column .icon-button.star-icon.active,
.layout-single-column .notification__favourite-icon-wrapper .star-icon { .layout-single-column .notification__favourite-icon-wrapper .star-icon {
color: #ffb609; color: #ffb609;

17
TangerineUI.css
View file

@ -1050,6 +1050,10 @@ body.layout-single-column {
.layout-single-column .detailed-status .status__content__translate-button, .layout-single-column .detailed-status .status__content__translate-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
background-image: var(--icon-translate-accent); background-image: var(--icon-translate-accent);
background-size: 25px;
width: 40px;
height: 40px;
right: 60px;
} }
.layout-single-column .translate-button .link-button, .layout-single-column .translate-button .link-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
@ -1598,11 +1602,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.layout-single-column .status__action-bar .icon-button, .layout-single-column .status__action-bar .icon-button,
.layout-single-column .detailed-status__action-bar .icon-button { .layout-single-column .detailed-status__action-bar .icon-button {
min-width: 32px !important; min-width: 32px;
height: 32px !important; height: 32px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
} }
.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 40px;
height: 40px;
}
.layout-single-column .detailed-status__action-bar .icon-button > .icon {
width: 25px;
height: 25px;
}
.layout-single-column .detailed-status__action-bar .icon-button
.layout-single-column .icon-button.star-icon.active, .layout-single-column .icon-button.star-icon.active,
.layout-single-column .notification__favourite-icon-wrapper .star-icon { .layout-single-column .notification__favourite-icon-wrapper .star-icon {
color: #ffb609; color: #ffb609;

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

@ -1050,6 +1050,10 @@ body.layout-single-column {
.layout-single-column .detailed-status .status__content__translate-button, .layout-single-column .detailed-status .status__content__translate-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
background-image: var(--icon-translate-accent); background-image: var(--icon-translate-accent);
background-size: 25px;
width: 40px;
height: 40px;
right: 60px;
} }
.layout-single-column .translate-button .link-button, .layout-single-column .translate-button .link-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
@ -1598,11 +1602,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.layout-single-column .status__action-bar .icon-button, .layout-single-column .status__action-bar .icon-button,
.layout-single-column .detailed-status__action-bar .icon-button { .layout-single-column .detailed-status__action-bar .icon-button {
min-width: 32px !important; min-width: 32px;
height: 32px !important; height: 32px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
} }
.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 40px;
height: 40px;
}
.layout-single-column .detailed-status__action-bar .icon-button > .icon {
width: 25px;
height: 25px;
}
.layout-single-column .detailed-status__action-bar .icon-button
.layout-single-column .icon-button.star-icon.active, .layout-single-column .icon-button.star-icon.active,
.layout-single-column .notification__favourite-icon-wrapper .star-icon { .layout-single-column .notification__favourite-icon-wrapper .star-icon {
color: #ffb609; color: #ffb609;

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

@ -1050,6 +1050,10 @@ body.layout-single-column {
.layout-single-column .detailed-status .status__content__translate-button, .layout-single-column .detailed-status .status__content__translate-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
background-image: var(--icon-translate-accent); background-image: var(--icon-translate-accent);
background-size: 25px;
width: 40px;
height: 40px;
right: 60px;
} }
.layout-single-column .translate-button .link-button, .layout-single-column .translate-button .link-button,
.layout-single-column .detailed-status .translate-button .link-button { .layout-single-column .detailed-status .translate-button .link-button {
@ -1598,11 +1602,20 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.layout-single-column .status__action-bar .icon-button, .layout-single-column .status__action-bar .icon-button,
.layout-single-column .detailed-status__action-bar .icon-button { .layout-single-column .detailed-status__action-bar .icon-button {
min-width: 32px !important; min-width: 32px;
height: 32px !important; height: 32px;
border-radius: 8px; border-radius: 8px;
position: relative; position: relative;
} }
.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 40px;
height: 40px;
}
.layout-single-column .detailed-status__action-bar .icon-button > .icon {
width: 25px;
height: 25px;
}
.layout-single-column .detailed-status__action-bar .icon-button
.layout-single-column .icon-button.star-icon.active, .layout-single-column .icon-button.star-icon.active,
.layout-single-column .notification__favourite-icon-wrapper .star-icon { .layout-single-column .notification__favourite-icon-wrapper .star-icon {
color: #ffb609; color: #ffb609;