diff --git a/glitch-fixes.css b/glitch-fixes.css index bad5563..06f159a 100644 --- a/glitch-fixes.css +++ b/glitch-fixes.css @@ -1,26 +1,26 @@ -body.app-body.flavour-glitch > #mastodon .compose-form__highlightable { +html[data-user-flavour="glitch"] #mastodon .compose-form__highlightable { margin-bottom: 50px !important; } -body.app-body.flavour-glitch > #mastodon .compose-form__submit { +html[data-user-flavour="glitch"] #mastodon .compose-form__submit { position: absolute; right: -12px; top: 100%; margin-top: 24px; } -body.app-body.flavour-glitch > #mastodon .compose-form__submit button { +html[data-user-flavour="glitch"] #mastodon .compose-form__submit button { padding: 10px 20px; } -body.app-body.flavour-glitch > #mastodon .focusable[tabindex]:not(.notification-ungrouped) .full-width { +html[data-user-flavour="glitch"] #mastodon .focusable[tabindex]:not(.notification-ungrouped) .full-width { margin-inline: 0; } -body.app-body.flavour-glitch > #mastodon .media-gallery__item > .media-gallery__preview { +html[data-user-flavour="glitch"] #mastodon .media-gallery__item > .media-gallery__preview { display: unset; opacity: 0.5; } -body.app-body.flavour-glitch > #mastodon .status__action-bar-spacer { +html[data-user-flavour="glitch"] #mastodon .status__action-bar-spacer { min-width: 5px; } -body.app-body.flavour-glitch > #mastodon .status__relative-time { +html[data-user-flavour="glitch"] #mastodon .status__relative-time { margin-inline: auto 5px !important; z-index: 2; flex-grow: 0 !important; @@ -28,7 +28,7 @@ body.app-body.flavour-glitch > #mastodon .status__relative-time { max-width: unset !important; justify-content: flex-end; } -body.app-body.flavour-glitch > #mastodon .status__relative-time time { +html[data-user-flavour="glitch"] #mastodon .status__relative-time time { display: inline !important; } .reactions-bar { @@ -63,14 +63,14 @@ body.app-body.flavour-glitch > #mastodon .status__relative-time time { height: 100%; aspect-ratio: 1; } -body.app-body.flavour-glitch > #mastodon .local-settings { +html[data-user-flavour="glitch"] #mastodon .local-settings { max-height: 700px !important; width: 100%; } -body.app-body.flavour-glitch > #mastodon .glitch.local-settings__page { +html[data-user-flavour="glitch"] #mastodon .glitch.local-settings__page { padding: 20px; } -body.app-body.flavour-glitch > #mastodon .local-settings__navigation { +html[data-user-flavour="glitch"] #mastodon .local-settings__navigation { display: flex; flex-direction: column; padding: 8px; @@ -78,18 +78,18 @@ body.app-body.flavour-glitch > #mastodon .local-settings__navigation { border-right: 1px solid var(--border-color); width: auto; } -body.app-body.flavour-glitch > #mastodon .local-settings__navigation .local-settings__navigation__item:not(.close):not(.active) { +html[data-user-flavour="glitch"] #mastodon .local-settings__navigation .local-settings__navigation__item:not(.close):not(.active) { background: none; } -body.app-body.flavour-glitch > #mastodon .local-settings__navigation .local-settings__navigation__item { +html[data-user-flavour="glitch"] #mastodon .local-settings__navigation .local-settings__navigation__item { border: 0; flex-direction: column; padding-inline: 8px; } -body.app-body.flavour-glitch > #mastodon .local-settings__navigation .local-settings__navigation__item span { +html[data-user-flavour="glitch"] #mastodon .local-settings__navigation .local-settings__navigation__item span { font-size: 0.8em; } -body.app-body.flavour-glitch > #mastodon .local-settings__navigation [href="/settings/preferences"] { +html[data-user-flavour="glitch"] #mastodon .local-settings__navigation [href="/settings/preferences"] { margin-block: auto 10px; border-radius: var(--radius); border: 1px solid var(--border-color); diff --git a/modern.user.css b/modern.user.css index e1e6a30..3dddc25 100644 --- a/modern.user.css +++ b/modern.user.css @@ -6,13 +6,13 @@ // textbox in the left panel following this format: // *://domain.tld/* -/* Update 2.1.2 (v4.6.0-nightly.2025-12-04) -- Fixes for Mastodon 4.6.0!! +/* Update 2.1.5 (v4.6.0-nightly.2025-12-04) +- Fixes glitch-soc styling */ /* ==UserStyle== @name MastoModern -@version 2.1.4 +@version 2.1.5 @description Improves the look & feel of Mastodon @updateURL https://git.gay/Freeplay/Mastodon-Modern/raw/branch/main/modern.user.css @homepageURL https://git.gay/Freeplay/Mastodon-Modern @@ -2707,7 +2707,7 @@ //// GLITCH-SOC FIXES / { - /body.app-body.flavour-glitch > #mastodon { + /html[data-user-flavour="glitch"] #mastodon { // Compose Form .compose-form__highlightable { margin-bottom 50px !important