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; 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-join .join,
#chat.hide-mode .mode, #chat.hide-mode .mode,
#chat.hide-motd .motd, #chat.hide-motd .motd,

View File

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