Improve CSS support for non-tbltr scripts

This commit is contained in:
Nikita Karamov 2024-01-20 16:34:32 +01:00
parent fc617ff4f5
commit fa497c08d0
No known key found for this signature in database
GPG key ID: 41D6F71EE78E77CD
2 changed files with 16 additions and 12 deletions

View file

@ -15,7 +15,10 @@ const { instance, errors } = Astro.props;
data-translate="instance" data-translate="instance"
> >
Fediverse instance Fediverse instance
<div class="instance-input"> <div
class="instance-input"
dir="ltr"
>
<span id="https-label">https://</span> <span id="https-label">https://</span>
<input <input
type="text" type="text"
@ -90,7 +93,7 @@ const { instance, errors } = Astro.props;
} }
#saved-instances { #saved-instances {
margin-bottom: 1rem; margin-block-end: 1rem;
> div { > div {
display: inline-block; display: inline-block;

View file

@ -39,7 +39,8 @@ html {
body { body {
max-width: 60em; max-width: 60em;
margin: 0 auto; margin-block: 0;
margin-inline: auto;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -55,19 +56,16 @@ header {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
> div {
text-align: right;
}
} }
main { main {
margin-bottom: 2rem; margin-block-end: 2rem;
} }
main, main,
aside { aside {
padding: 0 1rem; padding-block: 0;
padding-inline: 1rem;
} }
hr { hr {
@ -110,6 +108,7 @@ textarea {
textarea { textarea {
resize: vertical; resize: vertical;
resize: block;
} }
input[type="text"], input[type="text"],
@ -130,7 +129,8 @@ input[type="submit"] {
color: var(--s2f-button-text-color); color: var(--s2f-button-text-color);
font-weight: bolder; font-weight: bolder;
height: 2.5rem; height: 2.5rem;
padding: 0.5rem 1.5rem; padding-block: 0.5rem;
padding-inline: 1.5rem;
border: 0; border: 0;
cursor: pointer; cursor: pointer;
appearance: button; appearance: button;
@ -175,9 +175,10 @@ input[type="submit"] {
p.error { p.error {
color: var(--s2f-error-color); color: var(--s2f-error-color);
margin: 0 0 1rem; margin-block: 0 1rem;
margin-inline: 0;
} }
.mt1r { .mt1r {
margin-top: 1rem !important; margin-block-start: 1rem !important;
} }