From ce53e793f357d713f889d002a36f3a20e9aefb1d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Mon, 22 Apr 2024 15:55:49 +0200
Subject: [PATCH] Fixes for the overflowing post meta footer

---
 TangerineUI-cherry.css | 13 +++++++++++++
 TangerineUI-purple.css | 13 +++++++++++++
 TangerineUI.css        | 13 +++++++++++++
 3 files changed, 39 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 8b37135..16d8f95 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -2550,7 +2550,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid color-mix(in srgb, var(--color-lines), transparent 40%);
     margin-top: 25px;
     padding-top: 12px;
+    overflow: hidden;
 }
+.app-body .detailed-status__meta::before {
+    position: absolute;
+    content: " ";
+    display: block;
+    height: 100%;
+    z-index: 1;
+    width: 30px;
+    inset-inline-end: 0;
+    background: linear-gradient(90deg, transparent, var(--color-post-bg));
+    }
 .app-body .detailed-status__meta__line {
     border-top: 0;
     border-bottom: 0;
@@ -2571,6 +2582,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
+    white-space: nowrap;
 }
 .app-body .detailed-status__meta__line:last-child {
     flex: 100%;
@@ -2601,6 +2613,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-position: left center;
     background-repeat: no-repeat;
     background-size: 15px;
+    text-align: start;
 }
 .app-body .detailed-status__meta__line .dropdown-menu__text-button:is(:hover) {
     text-decoration: none;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 13326a7..3eb6b4e 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2550,7 +2550,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid color-mix(in srgb, var(--color-lines), transparent 40%);
     margin-top: 25px;
     padding-top: 12px;
+    overflow: hidden;
 }
+.app-body .detailed-status__meta::before {
+    position: absolute;
+    content: " ";
+    display: block;
+    height: 100%;
+    z-index: 1;
+    width: 30px;
+    inset-inline-end: 0;
+    background: linear-gradient(90deg, transparent, var(--color-post-bg));
+    }
 .app-body .detailed-status__meta__line {
     border-top: 0;
     border-bottom: 0;
@@ -2571,6 +2582,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
+    white-space: nowrap;
 }
 .app-body .detailed-status__meta__line:last-child {
     flex: 100%;
@@ -2601,6 +2613,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-position: left center;
     background-repeat: no-repeat;
     background-size: 15px;
+    text-align: start;
 }
 .app-body .detailed-status__meta__line .dropdown-menu__text-button:is(:hover) {
     text-decoration: none;
diff --git a/TangerineUI.css b/TangerineUI.css
index 93710f2..4b32e28 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2550,7 +2550,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-top: 1px solid color-mix(in srgb, var(--color-lines), transparent 40%);
     margin-top: 25px;
     padding-top: 12px;
+    overflow: hidden;
 }
+.app-body .detailed-status__meta::before {
+    position: absolute;
+    content: " ";
+    display: block;
+    height: 100%;
+    z-index: 1;
+    width: 30px;
+    inset-inline-end: 0;
+    background: linear-gradient(90deg, transparent, var(--color-post-bg));
+    }
 .app-body .detailed-status__meta__line {
     border-top: 0;
     border-bottom: 0;
@@ -2571,6 +2582,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 .app-body .detailed-status__meta__line:first-child > * {
     color: var(--color-content-fg);
+    white-space: nowrap;
 }
 .app-body .detailed-status__meta__line:last-child {
     flex: 100%;
@@ -2601,6 +2613,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     background-position: left center;
     background-repeat: no-repeat;
     background-size: 15px;
+    text-align: start;
 }
 .app-body .detailed-status__meta__line .dropdown-menu__text-button:is(:hover) {
     text-decoration: none;