UX: Hiding composer preview reduces width of composer overlay
This commit is contained in:
parent
bcd57d72a9
commit
d615a37eba
|
@ -9,12 +9,15 @@
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1475px;
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
&.hide-preview {
|
||||
max-width:740px;
|
||||
}
|
||||
@media screen and (max-width: 1200px) {
|
||||
min-width: 0;
|
||||
}
|
||||
z-index: 999;
|
||||
transition: height 250ms ease, background 250ms ease;
|
||||
transition: height 250ms ease, background 250ms ease, transform 250ms ease, max-width 250ms ease;
|
||||
background-color: $secondary;
|
||||
box-shadow: 0 -2px 40px rgba($primary, .12);
|
||||
|
||||
|
@ -26,7 +29,7 @@
|
|||
.saving-text,
|
||||
.draft-text {
|
||||
display: none;
|
||||
padding-left: 10px;
|
||||
padding-left: 10px;
|
||||
.spinner {
|
||||
margin-left: 5px;
|
||||
border-color: $secondary;
|
||||
|
@ -55,6 +58,7 @@
|
|||
background: $tertiary;
|
||||
color: $secondary;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
.composer-controls {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
|
|
|
@ -190,7 +190,7 @@ input {
|
|||
height: 18px;
|
||||
padding: 4px 10px;
|
||||
margin-bottom: 9px;
|
||||
font-size: 0.929em;
|
||||
font-size: 1em;
|
||||
line-height: 1.25;
|
||||
color: $primary;
|
||||
background-color: $secondary;
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
border: 1px solid $primary-medium;
|
||||
padding: 6px 10px;
|
||||
font-weight: 500;
|
||||
font-size: 0.929em;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
|
||||
&.is-focused {
|
||||
|
|
|
@ -72,7 +72,7 @@ input,
|
|||
button,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 0.929em;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
@ -82,7 +82,7 @@ textarea {
|
|||
display: inline-block;
|
||||
padding: 4px;
|
||||
margin-bottom: 9px;
|
||||
font-size: 0.929em;
|
||||
font-size: 1em;
|
||||
line-height: 18px;
|
||||
color: $primary;
|
||||
}
|
||||
|
|
|
@ -448,7 +448,7 @@ html[dir="rtl"] .select2-container-multi .select2-choices li
|
|||
margin: 1px 0;
|
||||
|
||||
font-family: sans-serif;
|
||||
font-size: 0.929em;
|
||||
font-size: 1em;
|
||||
color: #666;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
|
|
Loading…
Reference in New Issue