v2.0.1 (Mastodon 4.3)

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;

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%
 		}
+		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