diff --git a/client/css/style.css b/client/css/style.css index e517fe36..2c3a12ff 100644 --- a/client/css/style.css +++ b/client/css/style.css @@ -197,6 +197,7 @@ kbd { #settings #play:before, #form #submit:before, #chat .invite .from:before, +#chat .condensed .expander:before, #chat .join .from:before, #chat .kick .from:before, #chat .part .from:before, @@ -284,6 +285,22 @@ kbd { color: #2ecc40; } +#chat .condensed { + cursor: pointer; +} + +#chat .condensed div { + cursor: default; +} + +#chat .condensed .expander:before { + content: "\f0d7"; /* http://fontawesome.io/icon/caret-down/ */ +} + +#chat .condensed.closed .expander:before { + content: "\f0da"; /* http://fontawesome.io/icon/caret-right/ */ +} + #chat .join .from:before { content: "\f090"; /* http://fontawesome.io/icon/sign-in/ */ color: #2ecc40; @@ -801,6 +818,18 @@ kbd { display: block; } +#chat .condensed { + flex-wrap: wrap; +} + +#chat .condensed .msg { + flex-basis: 100%; +} + +#chat .condensed.closed .msg { + display: none; +} + #windows .header .topic, .messages .msg, .sidebar { @@ -1092,15 +1121,17 @@ kbd { color: #555; } -#chat.hide-join .join, -#chat.hide-mode .mode, -#chat.hide-motd .motd, -#chat.hide-nick .nick, -#chat.hide-part .part, -#chat.hide-quit .quit { +#chat.hide-optional .join, +#chat.hide-optional .mode, +#chat.hide-optional .nick, +#chat.hide-optional .part, +#chat.hide-optional .quit, +#chat.hide-optional .condensed, +#chat.hide-motd .motd { display: none !important; } +#chat .condensed .content, #chat .join .content, #chat .kick .content, #chat .mode .content, @@ -2130,3 +2161,7 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */ #chat table.channel-list .topic { white-space: pre-wrap; } + +.hide-text { + color: transparent !important; +} diff --git a/client/index.html b/client/index.html index d8d39618..2e8eae1b 100644 --- a/client/index.html +++ b/client/index.html @@ -218,8 +218,14 @@
+
+
+
@@ -228,30 +234,6 @@ Show MOTD
-
- -
-
- -
-
- -
-
- -