Display whitespace properly

Fixes alignment in many server's motd as well as in-channel ASCII art
thelounge · Apr 2, 2016 · 6a6a4b7 · 6a6a4b7
1 parent 9d59bd5
commit 6a6a4b7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/client/css/style.css b/client/css/style.css
@@ -760,6 +760,13 @@ button,
 	color: #999;
 }
 
+#chat .msg.motd .text,
+#chat .msg.message .text,
+#chat .msg.action .text,
+#chat .msg.notice .text {
+	white-space: pre-wrap;
+}
+
 #chat.hide-join .join,
 #chat.hide-mode .mode,
 #chat.hide-motd .motd,

diff --git a/client/views/msg.tpl b/client/views/msg.tpl
@@ -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>