composer alignment fixes

This commit is contained in:
Kris
2018-11-13 11:12:58 -05:00
parent af6569c396
commit c09a407f65
3 changed files with 9 additions and 3 deletions

View File

@ -83,6 +83,9 @@
.saving-text { .saving-text {
display: none; display: none;
} }
.toggler {
order: 2;
}
} }
&.saving .saving-text { &.saving .saving-text {
@ -98,7 +101,7 @@
color: $primary-high; color: $primary-high;
} }
.reply-details { .reply-details {
max-width: calc(100% - 60px); max-width: calc(100% - 175px);
flex: 1 1 auto; flex: 1 1 auto;
white-space: nowrap; white-space: nowrap;
} }

View File

@ -25,6 +25,9 @@
.reply-to { .reply-to {
margin: 5px 0; margin: 5px 0;
.reply-details {
max-width: calc(100% - 75px);
}
} }
.toggler { .toggler {

View File

@ -49,7 +49,7 @@
.composer-fields .presence-users { .composer-fields .presence-users {
position: absolute; position: absolute;
top: 20px; top: 20px;
right: 55px; right: 75px;
@media screen and (max-width: $small-width) { @media screen and (max-width: $small-width) {
max-width: 318px; max-width: 318px;
.presence-avatars { .presence-avatars {
@ -63,7 +63,7 @@
font-size: $font-down-1; font-size: $font-down-1;
} }
.composer-fields .presence-users { .composer-fields .presence-users {
top: 3px; top: 7px;
right: 65px; right: 65px;
max-width: 70px; max-width: 70px;
.presence-avatars { .presence-avatars {