AlignChar: tweak demo css. See #1713

This commit is contained in:
Rob Garrison 2020-03-03 04:20:59 -06:00
parent 3a7611c099
commit 6ca6d099c2

View File

@ -34,20 +34,22 @@
<style id="css">/* CSS needed for this widget */ <style id="css">/* CSS needed for this widget */
.ts-align-wrap { .ts-align-wrap {
white-space: nowrap; display: block;
white-space: nowrap; /* optional */
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
.ts-align-wrap, .ts-align-left, .ts-align-right { .ts-align-wrap, .ts-align-left, .ts-align-right {
display: inline-block;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.ts-align-left { .ts-align-left {
display: inline-block;
text-align:right; text-align:right;
} }
.ts-align-right { .ts-align-right {
display: inline-block;
text-align:left; text-align:left;
} }
/* optional - colorize alignment character in Animals column */ /* optional - colorize alignment character in Animals column */
@ -90,6 +92,7 @@ td:nth-child(3) .ts-align-right i {
<h3><a href="#">Notes</a></h3> <h3><a href="#">Notes</a></h3>
<div> <div>
<ul> <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>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>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> <li>Make sure to include the CSS shown below to maintain the alignment.</li>