diff options
| author | Lumb <lumb@git.multiple-creature.party> | 2019-06-23 16:52:44 +0000 |
|---|---|---|
| committer | multiple creatures <dev@multiple-creature.party> | 2019-07-17 02:21:59 -0500 |
| commit | 2e4bc1a64d33e63c7715a932f9a099ae6ae8b194 (patch) | |
| tree | 98d1ccdf803f9151b61751382666e841895231a9 /app | |
| parent | 6d8357a6f0371633c931da1abd0eb0e35aa0919a (diff) | |
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.
Diffstat (limited to 'app')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/resize.scss | 24 |
1 files changed, 24 insertions, 0 deletions
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 |