mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-27 14:28:14 +09:00
Code

Fixed: Translate button alignment

Browse Source
This commit is contained in:
Niléane 2024-01-08 17:59:02 +01:00
parent 7b4d5b53c1
commit a8e18ac315
No known key found for this signature in database
3 changed files with 48 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
TangerineUI-cherry.css
View File

@ -1778,6 +1778,20 @@ body.app-body {
width: 40px;
height: 40px;
right: 60px;
bottom: 20px;
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
}
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
:is(
.translate-button .link-button,
.status__content__translate-button
) {
bottom: 13px;
}
.app-body .status__content__translate-button:hover,
.app-body .translate-button .link-button:hover {
@ -1791,16 +1805,6 @@ body.app-body {
background-color: var(--color-accent);
transform: scale(.8);
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
.app-body .detailed-status .status__content__translate-button,
.app-body .detailed-status .translate-button .link-button {
bottom: 13px;
}
}
.app-body .status__content__translate-button > span,
.app-body .translate-button .link-button > span,
.app-body .notification .status__content__translate-button {
@ -2069,6 +2073,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
padding-bottom: 12px;
@ -2083,11 +2089,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
@media screen and (max-width:889px) {
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.app-body .detailed-status {
padding: 8px 8px 14px;
}

31
TangerineUI-purple.css
View File

@ -1778,6 +1778,20 @@ body.app-body {
width: 40px;
height: 40px;
right: 60px;
bottom: 20px;
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
}
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
:is(
.translate-button .link-button,
.status__content__translate-button
) {
bottom: 13px;
}
.app-body .status__content__translate-button:hover,
.app-body .translate-button .link-button:hover {
@ -1791,16 +1805,6 @@ body.app-body {
background-color: var(--color-accent);
transform: scale(.8);
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
.app-body .detailed-status .status__content__translate-button,
.app-body .detailed-status .translate-button .link-button {
bottom: 13px;
}
}
.app-body .status__content__translate-button > span,
.app-body .translate-button .link-button > span,
.app-body .notification .status__content__translate-button {
@ -2069,6 +2073,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
padding-bottom: 12px;
@ -2083,11 +2089,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
@media screen and (max-width:889px) {
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.app-body .detailed-status {
padding: 8px 8px 14px;
}

31
TangerineUI.css
View File

@ -1778,6 +1778,20 @@ body.app-body {
width: 40px;
height: 40px;
right: 60px;
bottom: 20px;
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
}
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
:is(
.translate-button .link-button,
.status__content__translate-button
) {
bottom: 13px;
}
.app-body .status__content__translate-button:hover,
.app-body .translate-button .link-button:hover {
@ -1791,16 +1805,6 @@ body.app-body {
background-color: var(--color-accent);
transform: scale(.8);
}
@media screen and (max-width:889px) {
.app-body .status__content__translate-button,
.app-body .translate-button .link-button {
bottom: 10px;
}
.app-body .detailed-status .status__content__translate-button,
.app-body .detailed-status .translate-button .link-button {
bottom: 13px;
}
}
.app-body .status__content__translate-button > span,
.app-body .translate-button .link-button > span,
.app-body .notification .status__content__translate-button {
@ -2069,6 +2073,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
padding-bottom: 12px;
box-shadow: none;
}
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
padding-bottom: 12px;
@ -2083,11 +2089,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
}
}
@media screen and (max-width:889px) {
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.app-body .detailed-status {
padding: 8px 8px 14px;
}