about summary refs log tree commit diff
path: root/app
diff options
context:
space:
mode:
authorLumb <lumb@git.multiple-creature.party>2019-06-23 16:52:44 +0000
committermultiple creatures <dev@multiple-creature.party>2019-07-17 02:21:59 -0500
commit2e4bc1a64d33e63c7715a932f9a099ae6ae8b194 (patch)
tree98d1ccdf803f9151b61751382666e841895231a9 /app
parent6d8357a6f0371633c931da1abd0eb0e35aa0919a (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.scss24
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