From 3f3ecc824434e344a47f96efaeb539bb7343a69e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nile=CC=81ane?= <nileanedorffer@gmail.com>
Date: Fri, 2 Aug 2024 20:57:10 +0200
Subject: [PATCH] Added specific styling for quoted Fediverse posts.

---
 TangerineUI-cherry.css | 41 +++++++++++++++++++++++++++++++++++++++++
 TangerineUI-purple.css | 41 +++++++++++++++++++++++++++++++++++++++++
 TangerineUI.css        | 41 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 123 insertions(+)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index be24ace..c61d715 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -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/TangerineUI-purple.css b/TangerineUI-purple.css
index d1a8d4f..8ef0d49 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -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/TangerineUI.css b/TangerineUI.css
index cbe9de0..d18c489 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -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;