From a8e18ac3151bb3760372132de4f3661320ec6d02 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nil=C3=A9ane?= Date: Mon, 8 Jan 2024 17:59:02 +0100 Subject: [PATCH] Fixed: Translate button alignment --- TangerineUI-cherry.css | 31 ++++++++++++++++--------------- TangerineUI-purple.css | 31 ++++++++++++++++--------------- TangerineUI.css | 31 ++++++++++++++++--------------- 3 files changed, 48 insertions(+), 45 deletions(-) diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 7e091aa..4a0e9d0 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -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; } diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index d198886..f091e54 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -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; } diff --git a/TangerineUI.css b/TangerineUI.css index 3156a85..a00333f 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -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; }