Display whitespace properly

Fixes alignment in many server's motd as well as in-channel ASCII art
This commit is contained in:
Maxime Poulin 2016-04-02 19:35:38 -04:00
parent 7024bd454a
commit f1ecae8023
3 changed files with 15 additions and 6 deletions

View file

@ -760,6 +760,14 @@ button,
color: #999;
}
#chat .msg.motd .text,
#chat .msg.message .text,
#chat .msg.action .action-text,
#chat .msg.notice .text {
white-space: pre-wrap;
overflow: hidden;
}
#chat.hide-join .join,
#chat.hide-mode .mode,
#chat.hide-motd .motd,

View file

@ -1,2 +1,2 @@
<a href="#" class="user" data-name="{{from}}">{{mode}}{{from}}</a>
{{{parse text}}}
<span class="action-text">{{{parse text}}}</span>

View file

@ -7,16 +7,17 @@
<a href="#" class="user" style="color: #{{stringcolor from}}" data-name="{{from}}">{{mode}}{{from}}</a>
{{/if}}
</span>
<span class="text">
{{#equal type "toggle"}}
{{#equal type "toggle"}}
<span class="text">
<div class="force-newline">
<button id="toggle-{{id}}" class="toggle-button">···</button>
</div>
{{#if toggle}}
{{partial "toggle"}}
{{/if}}
{{else}}
{{{parse text}}}
{{/equal}}
</span>
{{else}}
<span class="text">{{{parse text}}}</span>
{{/equal}}
</span>
</div>