Reintroduce Threads-like media proportions for single column mode, missing since e2bb415 (2024-12-10)

This commit is contained in:
Roni Laukkarinen 2024-12-15 16:44:51 +02:00
parent 68d9b2f258
commit 0feaa8a161
3 changed files with 20 additions and 0 deletions

View File

@ -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

View File

@ -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 {

View File

@ -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 {