1berry/mastodon-bird-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix too much space before attachments in certain situations

Browse Source
This commit is contained in:
Roni Laukkarinen 2023-04-06 10:33:01 +03:00
parent 49040aad16
commit 1d04ac6f32
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG.md
View File

@ -1,4 +1,4 @@
### 1.4.3rc7: 2024-04-06
### 1.4.3rc8: 2024-04-06
* Fix new notification types
* Fix a typo that caused reblog notification styles to crash
@ -9,6 +9,7 @@
* Fix regression with status message padding
* Fix: If notification content is empty and there's only attachment, remove gap
* Fix inconsistencies in paddings of the notification content
* Fix too much space if there is no content in regular statuses before attachment
### 1.4.2: 2024-04-05

14
style.css
View File

@ -1,5 +1,5 @@
/* Mastodon Bird UI by @rolle@mementomori.social
1.4.3rc7 */
1.4.3rc8 */
/* CSS variables */
:root {
@ -1421,11 +1421,21 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
margin-top: calc(var(--size-avatar-small) + calc(var(--gap-default) / 2));
}
/* If notification content is empty and there's only attachment, remove gap */
/* If a status content is empty and there's only attachment, remove gap */
.layout-single-column .notification .status__content:has(.status__content__text:empty) + .attachment-list {
margin-top: 0;
}
/* Less space before attachments if no status content */
.layout-single-column .status .status__content:has(.status__content__text:empty) + .audio-player,
.layout-single-column .status .status__content:has(.status__content__text:empty) + .video-player,
.layout-single-column .status .status__content:has(.status__content__text:empty) + .media-gallery,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .audio-player,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .video-player,
.layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .media-gallery {
margin-top: calc(var(--gap-default) / 2);
}
.layout-single-column .notification.notification-follow .notification__message + .account {
padding-bottom: 0;
}