bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Composer: Improve design, fixes #158

Browse source
This commit is contained in:
Alex Gleason 2020-06-07 18:05:54 -05:00
parent 807815c9d8
commit d78760e188
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
4 changed files with 17 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/features/compose/components/compose_form.js
View file

Binary file not shown.

1
app/styles/components/columns.scss
View file

@ -132,7 +132,6 @@
.compose-form { .compose-form {
padding: 15px; padding: 15px;
} }
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {padding-top: 15px;}
.status { .status {
padding: 15px 15px 15px (48px + 15px * 2); padding: 15px 15px 15px (48px + 15px * 2);

11
app/styles/components/compose-form.scss
View file

@ -291,13 +291,19 @@
.compose-form__buttons-wrapper { .compose-form__buttons-wrapper {
padding: 10px; padding: 10px;
background: var(--background-color); background: var(--background-color);
border-radius: 0 0 4px 4px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex: 0 0 auto; flex: 0 0 auto;
.compose-form__buttons { .compose-form__buttons {
display: flex; display: flex;
> div {
display: flex;
align-items: center;
justify-content: center;
}
.compose-form__upload-button-icon {line-height: 27px;} .compose-form__upload-button-icon {line-height: 27px;}
.compose-form__sensitive-button { .compose-form__sensitive-button {
@ -314,7 +320,7 @@
.character-counter__wrapper { .character-counter__wrapper {
align-self: center; align-self: center;
margin-right: 4px; margin: 0 10px 0 auto;
.character-counter { .character-counter {
cursor: default; cursor: default;
@ -335,7 +341,6 @@
.compose-form__publish-button-wrapper { .compose-form__publish-button-wrapper {
overflow: hidden; overflow: hidden;
padding-top: 10px;
} }
} }
} // end .compose-form } // end .compose-form

12
app/styles/components/modal.scss
View file

@ -621,7 +621,6 @@
} }
.compose-modal { .compose-modal {
padding: 8px 0 0;
overflow: hidden; overflow: hidden;
background-color: var(--background-color); background-color: var(--background-color);
border-radius: 6px; border-radius: 6px;
@ -632,7 +631,11 @@
&__header { &__header {
display: block; display: block;
position: relative; position: relative;
padding: 5px 0; padding: 10px 0;
border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
display: flex;
align-items: center;
justify-content: center;
&__title { &__title {
display: block; display: block;
@ -649,7 +652,6 @@
&__close { &__close {
position: absolute; position: absolute;
right: 10px; right: 10px;
top: 5px;
color: #999; color: #999;
} }
@ -687,6 +689,10 @@
} }
} }
} }
.compose-form .compose-form__buttons-wrapper {
padding: 0;
}
} }
@media screen and (max-width: 895px) { @media screen and (max-width: 895px) {