From af4f322bf9ae0e4ce7361bbd4d8972e9f3acfd75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= Date: Sun, 17 Dec 2017 01:14:11 -0500 Subject: [PATCH] Fix UI issues with special channels As a reminder, "special" channels right now are banlists and channel lists. - Remove that bottom margin that was causing things to hide behind the message input. This was probably relevant before the whole UI was flexbox-based and was not removed when switching. - Do not align to bottom on special channels - Hide unread and date markers on special channels - Make sure table headers in special channels are not truncated, which was for example the case with "Users" being broken up ("User" and "s" on 2 different lines) --- client/css/style.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/client/css/style.css b/client/css/style.css index 510cd6d3..3293589e 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -877,10 +877,6 @@ kbd { right: 180px; } -#chat .special { - bottom: -47px; -} - #viewport.rt .chat { right: 0; } @@ -923,6 +919,9 @@ kbd { #chat .messages { padding: 10px 0; touch-action: pan-y; +} + +#chat .chan:not(.special) .messages { margin-top: auto; } @@ -1039,6 +1038,15 @@ kbd { display: none; } +#chat .special .date-marker-container, +#chat .special .unread-marker { + display: none; +} + +#chat .special table th { + word-break: normal; +} + /* Nicknames */ #chat .user {