about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/local_settings.scss
diff options
context:
space:
mode:
authorneatchee <neatchee@gmail.com>2023-01-26 10:36:44 -0800
committerGitHub <noreply@github.com>2023-01-26 19:36:44 +0100
commit20abef6590505d12aca81ed1c386804d75b8b552 (patch)
tree5eab629626e516b1efda81cb6b6dad5d389dd64b /app/javascript/flavours/glitch/styles/components/local_settings.scss
parent7acf26e7778f8bb2b62c61904547dec75723c203 (diff)
Allow users to set the trigger height for lengthy toot auto-collapse (#2070)
* Allow users to set the trigger height for lengthy toot autocollapse

Add a field in the glitch-soc preferences to set the exact height in pixels of a "lengthy toot" where auto-collapse is triggered

Originally authored by Dean Bassett (github.com/deanveloper)

Squashed 3 commits from neatchee/mastodon and returned some values to project defaults:
* ef665c1df5821e684c8da3392049f33243fafa74
* 0fce108d210efe55027a3af061bfc57aaaa83843
* 998f701a2b2e37edbda7dffb11a61f67f5559b18

* Remove bad escape characters

* Apply feedback from glitch-soc code review
- move input width specification to CSS
- adjust language for clarity

* Update comments re: lengthy toot height

* Fix inconsistent indentation

* Use a calculated width that scales better with browser font instead of static 45px width
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/local_settings.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/local_settings.scss4
1 files changed, 4 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index db2b9f154..f36b21e1c 100644
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@@ -110,6 +110,10 @@
       text-decoration: none;
     }
   }
+
+  #mastodon-settings--collapsed-auto-height {
+    width: calc(4ch + 20px);
+  }
 }
 
 .glitch.local-settings__page__item.string,