From 28b0f71afb02b5d0fd760cde98db9f9c5ee0ab02 Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Mon, 22 Apr 2024 13:56:05 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry/tangerineui-cherry.scss      | 13 +++++++++++++
 .../tangerineui-purple/tangerineui-purple.scss      | 13 +++++++++++++
 .../javascript/styles/tangerineui/tangerineui.scss  | 13 +++++++++++++
 3 files changed, 39 insertions(+)

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index 8b37135..16d8f95 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -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/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index 13326a7..3eb6b4e 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -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/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index 93710f2..4b32e28 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -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;