From 2e4bc1a64d33e63c7715a932f9a099ae6ae8b194 Mon Sep 17 00:00:00 2001 From: Lumb Date: Sun, 23 Jun 2019 16:52:44 +0000 Subject: Add css to auto-resize columns I'm not totally confident in all this CSS but it does what it's supposed to. Auto-resizing columns, which makes the interface slightly more usable for me. --- app/javascript/flavours/glitch/styles/resize.scss | 24 +++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 app/javascript/flavours/glitch/styles/resize.scss (limited to 'app') diff --git a/app/javascript/flavours/glitch/styles/resize.scss b/app/javascript/flavours/glitch/styles/resize.scss new file mode 100644 index 000000000..9e5c47eff --- /dev/null +++ b/app/javascript/flavours/glitch/styles/resize.scss @@ -0,0 +1,24 @@ +.drawer{ + padding-top: 10px; + padding-bottom: 0; + flex: 0 1 300px; + max-width: 300px !important; + min-width: 300px !important; +} +.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 -- cgit