AlignChar: tweak demo css. See #1713

Mottie · Mar 3, 2020 · 6ca6d09 · 6ca6d09
1 parent 3a7611c
commit 6ca6d09
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/docs/example-widget-align-character.html b/docs/example-widget-align-character.html
@@ -34,20 +34,22 @@
 
 	<style id="css">/* CSS needed for this widget */
 .ts-align-wrap {
-	white-space: nowrap;
+	display: block;
+	white-space: nowrap; /* optional */
 	width: 100%;
 	overflow: hidden;
 }
 .ts-align-wrap, .ts-align-left, .ts-align-right {
-	display: inline-block;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
 }
 .ts-align-left {
+	display: inline-block;
 	text-align:right;
 }
 .ts-align-right {
+	display: inline-block;
 	text-align:left;
 }
 /* optional - colorize alignment character in Animals column */
@@ -90,6 +92,7 @@ <h3>Flexible client-side table sorting</h3>
 		<h3><a href="#">Notes</a></h3>
 		<div>
 		<ul>
+			<li>In <span class="version">v2.31.3</span>, tweaked the css to prevent change in vertical height. See <a href="https://github.com/Mottie/tablesorter/issues/1713">issue #1713</a>.</li>
 			<li>In <span class="version">v2.19.0</span>, if there is nothing to the right of the set align character, then the align character will not be added; this prevents hanging decimals like <code>3000.</code>.<p></p></li>
 			<li>This widget will <strong>only work</strong> in tablesorter version 2.8+ and jQuery version 1.7+.</li>
 			<li>Make sure to include the CSS shown below to maintain the alignment.</li>