- Fixed misplaced character count in RTL
- Fix post button being unclickable on long posts on mobile & glitch-soc
This commit is contained in:
Freeplay
2024-02-26 12:13:34 -05:00
parent 143bac6478
commit 6a60583472
3 changed files with 20 additions and 6 deletions

View File

@@ -22,6 +22,9 @@ body.app-body.flavour-glitch > #mastodon .character-counter__wrapper span {
font-size: 0.9em;
font-weight: 500;
}
body.app-body.flavour-glitch > #mastodon .compose-form__highlightable {
margin-bottom: 50px !important;
}
body.app-body.flavour-glitch > #mastodon .compose-form__submit {
position: absolute;
right: -12px;

View File

@@ -653,6 +653,9 @@ a:focus-visible,
#mastodon .compose-form__highlightable #cw-spoiler-input {
border-radius: 0 !important;
}
#mastodon .compose-form__highlightable textarea {
background: none !important;
}
#mastodon .compose-form__highlightable > .compose-form__footer {
gap: 12px;
}
@@ -682,7 +685,7 @@ a:focus-visible,
}
#mastodon .compose-form__highlightable > .compose-form__footer .character-counter {
position: absolute;
right: 0;
inset-inline-end: 0;
bottom: calc(100% + 12px);
padding: 4px;
font-size: 13px;
@@ -3916,6 +3919,7 @@ a:focus-visible,
}
#mastodon .compose-form {
padding: 10px;
margin-bottom: 100px;
}
#mastodon .compose-form::before {
content: "";

View File

@@ -6,14 +6,14 @@
// *://domain.tld/*
/* Update 1.10.2
- Newer compose form styled, fixed overflow counter in glitch-soc
- Fix media alt button
/* Update 1.10.3
- Fixed misplaced character count in RTL
- Fix post button being unclickable on long posts on mobile & glitch-soc
*/
/* ==UserStyle==
@name Mastodon Modern
@version 1.10.2
@version 1.10.3
@description Drastically improves the look & feel of Mastodon
@updateURL https://codeberg.org/Freeplay/Mastodon-Modern/raw/branch/main/modern.user.css
@homepageURL https://codeberg.org/Freeplay/Mastodon-Modern
@@ -519,6 +519,9 @@
#cw-spoiler-input {
border-radius 0 !important
}
textarea {
background none !important
}
> .compose-form__footer {
gap 12px
.compose-form__dropdowns {
@@ -552,7 +555,7 @@
}
.character-counter {
position absolute
right 0
inset-inline-end 0
bottom calc(100% + 12px)
padding 4px
font-size 13px
@@ -3117,6 +3120,7 @@
// Compose
.compose-form {
padding 10px
margin-bottom 100px
&::before {
content ""
position absolute
@@ -3623,6 +3627,9 @@
font-weight 500
}
}
.compose-form__highlightable {
margin-bottom 50px !important
}
.compose-form__submit {
position absolute
right -12px