Reintroduce Threads-like media proportions for single column mode, mi…

…ssing since e2bb415 (2024-12-10)
ronilaukkarinen · Dec 15, 2024 · 0feaa8a · 0feaa8a
1 parent 68d9b2f
commit 0feaa8a
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 2.1.1: 2024-12-15
+
+* Reintroduce Threads-like media proportions for single column mode, missing since e2bb415 (2024-12-10)
+
 ### 2.1.0: 2024-12-15
 
 * Fix star icon active position in single column mode

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -4238,6 +4238,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .layout-multiple-columns .notification-group--favourite .icon-star,
 .layout-multiple-columns .notification-favourite .icon-star {
   background-image: var(--icon-heart-notification);
+  background-repeat: no-repeat;
 }
 
 .layout-multiple-columns .notification__filter-bar .icon-star,
@@ -4381,6 +4382,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .layout-multiple-columns .notification-group--favourite .icon-star,
 .layout-multiple-columns .notification-favourite .icon-star {
   background-image: var(--icon-star-notification);
+  background-repeat: no-repeat;
 }
 
 .layout-multiple-columns .notification__filter-bar .active .icon-star {

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1748,6 +1748,18 @@ body.embed .detailed-status .video-player,
   margin-left: calc(var(--size-avatar) + var(--gap-default));
 }
 
+.layout-single-column .media-gallery.media-gallery__item--tall,
+.layout-single-column .media-gallery.media-gallery--layout-1,
+.layout-single-column .media-gallery.media-gallery--layout-2,
+.layout-single-column .media-gallery.media-gallery--layout-3,
+.layout-single-column .media-gallery.media-gallery--layout-4,
+.layout-single-column .media-gallery__preview,
+.layout-single-column .video-player {
+  max-height: 430px;
+  /* stylelint-disable-next-line */
+  width: unset !important;
+}
+
 /* Detailed status update */
 .layout-single-column .detailed-status .status__content {
   font-size: var(--font-size-bigger);
@@ -4651,6 +4663,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .layout-single-column .notification-group--favourite .icon-star,
 .layout-single-column .notification-favourite .icon-star {
   background-image: var(--icon-heart-notification);
+  background-repeat: no-repeat;
 }
 
 .layout-single-column .notification__filter-bar .icon-star,
@@ -4810,6 +4823,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .layout-single-column .notification-group--favourite .icon-star,
 .layout-single-column .notification-favourite .icon-star {
   background-image: var(--icon-star-notification);
+  background-repeat: no-repeat;
 }
 
 .layout-single-column .notification__filter-bar .active .icon-star {