From b903c4d5d4c4d000082b235d2874033dd46804a3 Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Fri, 2 Aug 2024 18:57:28 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry.scss                   | 41 +++++++++++++++++++
 .../tangerineui-purple.scss                   | 41 +++++++++++++++++++
 .../styles/tangerineui/tangerineui.scss       | 41 +++++++++++++++++++
 3 files changed, 123 insertions(+)

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index be24ace..c61d715 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -2883,6 +2883,47 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     width: 32px;
     height: 32px;
 }
+.app-body .status-card[href*="/@" i] {
+    align-items: start;
+}
+.app-body .status-card[href*="/@" i] .status-card__description {
+    margin-top: 2px;
+    white-space: normal;
+}
+.app-body .status-card[href*="/@" i] .status-card__image {
+    order: 2;
+    background-color: transparent;
+    padding: 8px;
+    box-sizing: border-box;
+}
+.app-body .status-card[href*="/@" i]:not(.expanded) .status-card__image {
+    height: 120px;
+    width: 120px;
+}
+.app-body .status-card[href*="/@" i] .status-card__image-image {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    outline: 1px solid var(--color-lines-translucent);
+    outline-offset: -1px;
+}
+.app-body .status-card[href*="/@" i] .status-card__content {
+    display: flex;
+    flex-flow: column;
+}
+.app-body .status-card__title {
+    order: 1;
+    line-height: 1.3;
+    font-size: 16px;
+    margin-bottom: 3px;
+}
+.app-body .status-card__host {
+    order: 2;
+}
+.app-body .status-card__description {
+    order: 3;
+}
 .app-body .status-card__image:has(.icon-file-text:only-child),
 .app-body .status-card__description:empty  {
     display: none;
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index d1a8d4f..8ef0d49 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -2883,6 +2883,47 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     width: 32px;
     height: 32px;
 }
+.app-body .status-card[href*="/@" i] {
+    align-items: start;
+}
+.app-body .status-card[href*="/@" i] .status-card__description {
+    margin-top: 2px;
+    white-space: normal;
+}
+.app-body .status-card[href*="/@" i] .status-card__image {
+    order: 2;
+    background-color: transparent;
+    padding: 8px;
+    box-sizing: border-box;
+}
+.app-body .status-card[href*="/@" i]:not(.expanded) .status-card__image {
+    height: 120px;
+    width: 120px;
+}
+.app-body .status-card[href*="/@" i] .status-card__image-image {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    outline: 1px solid var(--color-lines-translucent);
+    outline-offset: -1px;
+}
+.app-body .status-card[href*="/@" i] .status-card__content {
+    display: flex;
+    flex-flow: column;
+}
+.app-body .status-card__title {
+    order: 1;
+    line-height: 1.3;
+    font-size: 16px;
+    margin-bottom: 3px;
+}
+.app-body .status-card__host {
+    order: 2;
+}
+.app-body .status-card__description {
+    order: 3;
+}
 .app-body .status-card__image:has(.icon-file-text:only-child),
 .app-body .status-card__description:empty  {
     display: none;
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index cbe9de0..d18c489 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -2883,6 +2883,47 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     width: 32px;
     height: 32px;
 }
+.app-body .status-card[href*="/@" i] {
+    align-items: start;
+}
+.app-body .status-card[href*="/@" i] .status-card__description {
+    margin-top: 2px;
+    white-space: normal;
+}
+.app-body .status-card[href*="/@" i] .status-card__image {
+    order: 2;
+    background-color: transparent;
+    padding: 8px;
+    box-sizing: border-box;
+}
+.app-body .status-card[href*="/@" i]:not(.expanded) .status-card__image {
+    height: 120px;
+    width: 120px;
+}
+.app-body .status-card[href*="/@" i] .status-card__image-image {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+    outline: 1px solid var(--color-lines-translucent);
+    outline-offset: -1px;
+}
+.app-body .status-card[href*="/@" i] .status-card__content {
+    display: flex;
+    flex-flow: column;
+}
+.app-body .status-card__title {
+    order: 1;
+    line-height: 1.3;
+    font-size: 16px;
+    margin-bottom: 3px;
+}
+.app-body .status-card__host {
+    order: 2;
+}
+.app-body .status-card__description {
+    order: 3;
+}
 .app-body .status-card__image:has(.icon-file-text:only-child),
 .app-body .status-card__description:empty  {
     display: none;