diff options
-rw-r--r-- | app/javascript/flavours/glitch/styles/resize.scss | 43 |
1 files changed, 20 insertions, 23 deletions
diff --git a/app/javascript/flavours/glitch/styles/resize.scss b/app/javascript/flavours/glitch/styles/resize.scss index 9e5c47eff..669570229 100644 --- a/app/javascript/flavours/glitch/styles/resize.scss +++ b/app/javascript/flavours/glitch/styles/resize.scss @@ -1,24 +1,21 @@ -.drawer{ - padding-top: 10px; - padding-bottom: 0; - flex: 0 1 300px; - max-width: 300px !important; - min-width: 300px !important; +:root { + @media screen and (min-width: 600px) { + .column { + min-width: 300px; + max-width: 480px; + flex: 2 1 auto; + filter: initial; + } + .column:last-child { + flex: 1 2 auto; + } + .columns-area { + display: flex; + flex-direction: row; + } + .compose-form .compose-form__modifiers .compose-form__upload, + .composer--upload_form--item { + flex: 1 0 100%; + } + } } -.column { - min-width: 300px !important; - max-width: 480px !important; - flex: 2 1 auto !important; - filter: initial; -} -.column:last-child { - flex: 1 2 auto !important; -} -.columns-area { - display: flex; - flex-direction: row; -} -.compose-form .compose-form__modifiers .compose-form__upload, -.composer--upload_form--item { - flex: 1 0 100%; -} \ No newline at end of file |