diff --git a/modern.css b/modern.css index d2eefa6..272bba2 100644 --- a/modern.css +++ b/modern.css @@ -1065,6 +1065,7 @@ a:focus-visible, } .column-link { border: 0; + gap: 0; } .icon-with-badge__badge { display: flex !important; @@ -2287,11 +2288,11 @@ a:focus-visible, .admin-wrapper .with_block_label.radio_buttons .label_input > *:focus-within::after { opacity: 1; } -.admin-wrapper :not(.fields-row__column) > .fields-group label::before, -.admin-wrapper .fields-row > * label::before, -.admin-wrapper .label_input > ul label::before, -.admin-wrapper .label_input__wrapper > ul label::before, -.admin-wrapper .with_block_label.radio_buttons .label_input label::before { +.admin-wrapper :not(.fields-row__column) > .fields-group :not(.input.with_block_label) > label::before, +.admin-wrapper .fields-row > * :not(.input.with_block_label) > label::before, +.admin-wrapper .label_input > ul :not(.input.with_block_label) > label::before, +.admin-wrapper .label_input__wrapper > ul :not(.input.with_block_label) > label::before, +.admin-wrapper .with_block_label.radio_buttons .label_input :not(.input.with_block_label) > label::before { content: ""; position: absolute; inset: -900px; @@ -2313,8 +2314,10 @@ a:focus-visible, margin-inline-end: 10px !important; position: static !important; } -.admin-wrapper input { +.admin-wrapper input, +.admin-wrapper .select { border-radius: var(--radius) !important; + z-index: 2; } .admin-wrapper .radio { flex-grow: 1; diff --git a/modern.user.css b/modern.user.css index 470f282..00aa971 100644 --- a/modern.user.css +++ b/modern.user.css @@ -1,30 +1,20 @@ + // 🦊 BEFORE CLICKING INSTALL: // --------------------------- // Add your home instance to the "Custom included sites" // textbox in the left panel following this format: // *://domain.tld/* -/* Update 2.0.0 (Mastodon 4.3) -- I have partially rewriten the style! - The CSS should be much cleaner and smaller - + Some issues have been fixed - + Some things are styled differently but it isn't a lot -- Alt text modal has been styled -- Height of hidden media is collapsed + styled hide media button -- Avatars in replies on mobile are slightly smaller -- Mobile no longer has scrolling topbar, labels are removed to fit all icons - - Fixes issue on iOS where the bottombar wouldn't be shown - - Is also more convenient than scrolling -- Some stuff is now customizable in the UserStyle's options - -ADMINS: This and the previous version is meant for Mastodon 4.3.0+, -please do not update until your server has updated. +/* Update 2.0.1 (Mastodon 4.3) +- Fixed not being able to change user fields +- Added option to disable larger emoji +- Fixed spacing in navigation */ /* ==UserStyle== @name MastoModern -@version 2.0.0 +@version 2.0.1 @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 @@ -35,6 +25,7 @@ please do not update until your server has updated. @var checkbox sideHeader "Move header to sidebar" 1 @var checkbox navOnLeft "Move navigation sidebar to the left" 0 @var checkbox spaceBetween "Move sidebars to edges" 0 +@var checkbox largerEmoji "Larger custom emoji" 1 @var checkbox emojiZoom "Zoom custom emoji on hover (follows prefers-reduced-motion)" 1 @var checkbox collapseHidden "Collapse hidden media" 1 @var checkbox hideClickArea "Increase click area for hide media button" 1 @@ -64,7 +55,13 @@ please do not update until your server has updated. if tlWidth == 860 { --tl-width 100% } - --emoji-size 2em + if !largerEmoji { + --emoji-size 1.2em + } + if largerEmoji { + --emoji-size 2em + } + --avatar-size 46px --radius borderRadius --radius-round radiusRound @@ -1015,6 +1012,7 @@ please do not update until your server has updated. } /.column-link { border 0 + gap 0 } /.icon-with-badge__badge { display flex !important @@ -2241,7 +2239,7 @@ please do not update until your server has updated. } } } - label { + :not(.input.with_block_label) > label { &::before { content "" position absolute @@ -2268,8 +2266,9 @@ please do not update until your server has updated. position static !important } } - input { + input, .select { border-radius var(--radius) !important + z-index 2 } .radio { flex-grow 1