diff options
author | Joas Schilling <coding@schilljs.com> | 2020-08-19 19:45:37 +0300 |
---|---|---|
committer | Marco Ambrosini <marcoambrosini@pm.me> | 2020-08-26 12:37:10 +0300 |
commit | 039c67dcd98978f8b1874aae5d0ef70f07d84ee6 (patch) | |
tree | 60f240ed085ac4fa92f201c0298ee0e4e36407a6 /css | |
parent | 9c9ac973c0a9fce685a5fd3474ba9e6c4e276c05 (diff) |
Ellipsis long status messages
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/At.scss | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/css/At.scss b/css/At.scss index f55ffdadd..e1e54b376 100644 --- a/css/At.scss +++ b/css/At.scss @@ -112,20 +112,22 @@ // narrow. .atwho-view { max-width: unset; + // mention height: 48 * visible mentions: 4.5 + max-height: 216px; } // Override max height to show 4.5 mentions to make clear you can scroll for more options .atwho-ul { - // (padding top: 6 + avatar height: 32 + padding bottom: 6) * visible mentions: 4.5 - max-height: 198px; + // (padding top: 4 + avatar height: 48 + padding bottom: 4) * visible mentions: 4.5 + max-height: unset; } // Override autocompletion panel items height, as they are too short // for the avatars and also need some padding. .atwho-li { - height: unset; - padding-top: 6px; - padding-bottom: 6px; + height: 48px; + padding-top: 4px; + padding-bottom: 4px; } // Although the height of its wrapper is 32px the height of the icon |