diff --git a/mastodon/mastodon4.user.css b/mastodon/mastodon4.user.css index 70832c0..594737d 100644 --- a/mastodon/mastodon4.user.css +++ b/mastodon/mastodon4.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name mastodon 4 ui tweaks @namespace mastodon4 -@version 1.0.4 +@version 1.0.5 @description fixes the weird spacing on the new mastodon web ui. intended for the advanced user interface, may also work with the single column one. @author xenua @license CNPLv7+ @@ -26,6 +26,53 @@ } .status > .media-gallery, .detailed-status > .media-gallery { padding: 0 !important; + margin-left: 4px; + margin-right: 4px; + width: calc(100% - 8px); + } + .status--in-thread > .status__line { + inset-inline-start: 4px; + height: 100%; + } + .status--in-thread > .status__line::before { + display: none; + } + .status__line--first { + top: 0; + } + .status__line { + border-inline-start: 2px solid #565e76; + padding: 0 + } + .status--in-thread > .status__content { + padding: 0; + margin-inline-start: 16px; + } + .status--in-thread > .status-card { + margin-inline-start: 0; + width: calc(100% - 24px); + margin: 12px 12px 0 12px; + margin-top: 12px; + padding: 0; + border: 2px solid #565e76; + } + .status-card__content { + padding: 8px; + } + .status-card__content > .status-card__host { + margin-bottom: 4px; + border-bottom: 2px solid #565e76; + } + .status-card__content > .status-card__title { + font-size: 110%; + line-height: 20px; + + } + .status-card__content > .status-card__description { + display: inline-block; + line-height: 16px; + max-height: 48px; + white-space: unset; } .media-gallery { margin-top: 12px !important; @@ -37,6 +84,11 @@ .conversation .status__action-bar { padding: 0; } + .status--in-thread .status__action-bar { + padding: 0 20px; + margin-inline-start: 0; + width: calc(100% - 40px); + } .detailed-status > .detailed-status__meta { margin-top: 12px; padding: 0 16px; @@ -50,12 +102,19 @@ .notification > .notification__message { padding: 8px 8px 0 8px; } - + .detailed-status > .status__prepend { + margin-bottom: 8px; + padding-left: 12px; + } + .status__prepend { + padding-left: 12px; + } + /* change the pm symbol back to what it should be */ .fa-at::before { content: ""; } - + /* it's the toot button and that will never ever change */ .compose-form__publish-button-wrapper > button::before { content: "Toot";