Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Hiding composer preview reduces width of composer overlay

This commit is contained in:
Kris 2017-12-01 22:23:12 -05:00
parent bcd57d72a9
commit d615a37eba
5 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/common/base/compose.scss
View File

@ -10,11 +10,14 @@
margin-right: auto; margin-right: auto;
max-width: 1475px; max-width: 1475px;
width: 100%; width: 100%;
&.hide-preview {
max-width:740px;
}
@media screen and (max-width: 1200px) { @media screen and (max-width: 1200px) {
min-width: 0; min-width: 0;
} }
z-index: 999; 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; background-color: $secondary;
box-shadow: 0 -2px 40px rgba($primary, .12); box-shadow: 0 -2px 40px rgba($primary, .12);
@ -55,6 +58,7 @@
background: $tertiary; background: $tertiary;
color: $secondary; color: $secondary;
flex-direction: row; flex-direction: row;
width: 100%;
.composer-controls { .composer-controls {
margin-left: auto; margin-left: auto;
display: flex; display: flex;

2
app/assets/stylesheets/common/base/discourse.scss
View File

@ -190,7 +190,7 @@ input {
height: 18px; height: 18px;
padding: 4px 10px; padding: 4px 10px;
margin-bottom: 9px; margin-bottom: 9px;
font-size: 0.929em; font-size: 1em;
line-height: 1.25; line-height: 1.25;
color: $primary; color: $primary;
background-color: $secondary; background-color: $secondary;

2
app/assets/stylesheets/common/select-kit/combo-box.scss
View File

@ -27,7 +27,7 @@
border: 1px solid $primary-medium; border: 1px solid $primary-medium;
padding: 6px 10px; padding: 6px 10px;
font-weight: 500; font-weight: 500;
font-size: 0.929em; font-size: 1em;
line-height: 18px; line-height: 18px;
&.is-focused { &.is-focused {

4
app/assets/stylesheets/desktop/discourse.scss
View File

@ -72,7 +72,7 @@ input,
button, button,
select, select,
textarea { textarea {
font-size: 0.929em; font-size: 1em;
font-weight: normal; font-weight: normal;
line-height: 18px; line-height: 18px;
} }
@ -82,7 +82,7 @@ textarea {
display: inline-block; display: inline-block;
padding: 4px; padding: 4px;
margin-bottom: 9px; margin-bottom: 9px;
font-size: 0.929em; font-size: 1em;
line-height: 18px; line-height: 18px;
color: $primary; color: $primary;
} }

2
app/assets/stylesheets/vendor/select2.scss vendored
View File

@ -448,7 +448,7 @@ html[dir="rtl"] .select2-container-multi .select2-choices li
margin: 1px 0; margin: 1px 0;
font-family: sans-serif; font-family: sans-serif;
font-size: 0.929em; font-size: 1em;
color: #666; color: #666;
outline: 0; outline: 0;
border: 0; border: 0;