diff --git a/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx b/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx index 3648634bc2..97d830d0c4 100644 --- a/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx +++ b/app/javascript/flavours/glitch/features/compose/components/compose_form.jsx @@ -276,62 +276,60 @@ class ComposeForm extends ImmutablePureComponent {
-
- + - {this.props.spoiler && ( -
-
+ {this.props.spoiler && ( +
+
- + -
-
- )} +
+
+ )} - +
+ +
+ +
-
- - -
-
diff --git a/app/javascript/flavours/glitch/features/compose/components/language_dropdown.tsx b/app/javascript/flavours/glitch/features/compose/components/language_dropdown.tsx index 9447d419ec..382b93f704 100644 --- a/app/javascript/flavours/glitch/features/compose/components/language_dropdown.tsx +++ b/app/javascript/flavours/glitch/features/compose/components/language_dropdown.tsx @@ -396,7 +396,7 @@ export const LanguageDropdown: React.FC = () => { warning: guess !== '' && guess !== value, })} > - + {current[2] ?? value} diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index f84e21b73d..6c5179b5f3 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -602,15 +602,12 @@ body > [data-popper-placement] { &__highlightable { display: flex; flex-direction: column; - gap: 16px; flex: 0 1 auto; border-radius: 4px; border: 1px solid var(--background-border-color); transition: border-color 300ms linear; - min-height: 0; position: relative; background: var(--input-background-color); - overflow-y: auto; &.active { transition: none; @@ -705,6 +702,8 @@ body > [data-popper-placement] { display: flex; align-items: center; gap: 8px; + margin: 8px; + flex-wrap: wrap; & > div { overflow: hidden; @@ -715,6 +714,7 @@ body > [data-popper-placement] { &__uploads { padding: 0 12px; aspect-ratio: 3/2; + flex-shrink: 0; } .media-gallery { @@ -855,7 +855,6 @@ body > [data-popper-placement] { flex-direction: column; gap: 12px; padding: 12px; - padding-top: 0; } &__submit { @@ -927,6 +926,7 @@ body > [data-popper-placement] { } &__poll { + margin-top: 8px; display: flex; flex-direction: column; align-self: stretch; @@ -3583,11 +3583,10 @@ a.account__display-name { display: flex; flex-direction: column; height: calc(100% - 10px); - overflow-y: hidden; + overflow-y: auto; .compose-form { flex: 1 1 auto; - min-height: 0; } }