From b7a9375cdefd972220859404f9ebc8544ae48322 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Tue, 17 Oct 2023 13:56:05 +0200
Subject: [PATCH] Expanded image preview for the first Trending News item is
 now full-width.

---
 TangerineUI-purple.css                                    | 8 ++++++++
 TangerineUI.css                                           | 8 ++++++++
 .../styles/tangerineui-purple/layout-single-column.scss   | 8 ++++++++
 .../styles/tangerineui/layout-single-column.scss          | 8 ++++++++
 4 files changed, 32 insertions(+)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index c45a8e5..151d291 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2626,6 +2626,14 @@ body.layout-single-column  {
 .layout-single-column .story:hover .story__details__shared {
     color: var(--color-accent);
 }
+.layout-single-column .story.expanded .story__thumbnail {
+    margin: 0 0 -25px;
+}
+.layout-single-column .story.expanded .story__thumbnail img {
+    width: calc(100% + 30px);
+    margin: -15px -15px 0 -15px;
+    border-radius: 0 0 0 0;
+}
 
 /* 🔍 Search field and search results */
 .layout-single-column .search {
diff --git a/TangerineUI.css b/TangerineUI.css
index ef2a06f..455f9dc 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2626,6 +2626,14 @@ body.layout-single-column  {
 .layout-single-column .story:hover .story__details__shared {
     color: var(--color-accent);
 }
+.layout-single-column .story.expanded .story__thumbnail {
+    margin: 0 0 -25px;
+}
+.layout-single-column .story.expanded .story__thumbnail img {
+    width: calc(100% + 30px);
+    margin: -15px -15px 0 -15px;
+    border-radius: 0 0 0 0;
+}
 
 /* 🔍 Search field and search results */
 .layout-single-column .search {
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index c45a8e5..151d291 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -2626,6 +2626,14 @@ body.layout-single-column  {
 .layout-single-column .story:hover .story__details__shared {
     color: var(--color-accent);
 }
+.layout-single-column .story.expanded .story__thumbnail {
+    margin: 0 0 -25px;
+}
+.layout-single-column .story.expanded .story__thumbnail img {
+    width: calc(100% + 30px);
+    margin: -15px -15px 0 -15px;
+    border-radius: 0 0 0 0;
+}
 
 /* 🔍 Search field and search results */
 .layout-single-column .search {
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index ef2a06f..455f9dc 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -2626,6 +2626,14 @@ body.layout-single-column  {
 .layout-single-column .story:hover .story__details__shared {
     color: var(--color-accent);
 }
+.layout-single-column .story.expanded .story__thumbnail {
+    margin: 0 0 -25px;
+}
+.layout-single-column .story.expanded .story__thumbnail img {
+    width: calc(100% + 30px);
+    margin: -15px -15px 0 -15px;
+    border-radius: 0 0 0 0;
+}
 
 /* 🔍 Search field and search results */
 .layout-single-column .search {