Mercurial > hg
changeset 19431:b8ecc3830c89
hgweb: introduce separate classes for stripey background
Introduce stripes2 and stripes4 classes to support different structure.
They will be useful to implement stripes with pure CSS everywhere instead
of current server-side implementation.
| author | Alexander Plavin <me@aplavin.ru> |
|---|---|
| date | Fri, 12 Jul 2013 23:47:56 +0400 |
| parents | 5ec5097b4c0f |
| children | e92d4b8530cb |
| files | mercurial/templates/paper/filerevision.tmpl mercurial/templates/static/style-paper.css tests/test-hgweb-commands.t tests/test-highlight.t |
| diffstat | 4 files changed, 9 insertions(+), 8 deletions(-) [+] |
line wrap: on
line diff
--- a/mercurial/templates/paper/filerevision.tmpl Fri Jul 12 15:58:13 2013 +0400 +++ b/mercurial/templates/paper/filerevision.tmpl Fri Jul 12 23:47:56 2013 +0400 @@ -69,7 +69,7 @@ <div class="overflow"> <div class="sourcefirst linewraptoggle">line wrap: <a class="linewraplink" href="javascript:toggleLinewrap()">on</a></div> <div class="sourcefirst"> line source</div> -<pre class="sourcelines wrap">{text%fileline}</pre> +<pre class="sourcelines stripes4 wrap">{text%fileline}</pre> <div class="sourcelast"></div> </div> </div>
--- a/mercurial/templates/static/style-paper.css Fri Jul 12 15:58:13 2013 +0400 +++ b/mercurial/templates/static/style-paper.css Fri Jul 12 23:47:56 2013 +0400 @@ -94,8 +94,12 @@ .age { white-space:nowrap; } .date { white-space:nowrap; } .indexlinks { white-space:nowrap; } -.parity0 { background-color: #f0f0f0; } -.parity1 { background-color: white; } +.parity0, +.stripes4 > :nth-child(4n+1), +.stripes2 > :nth-child(2n+1) { background-color: #f0f0f0; } +.parity1, +.stripes4 > :nth-child(4n+3), +.stripes2 > :nth-child(2n+2) { background-color: white; } .plusline { color: green; } .minusline { color: #dc143c; } /* crimson */ .atline { color: purple; } @@ -244,9 +248,6 @@ content: counter(lineno); } -.sourcelines > span:nth-child(4n+1) { background-color: #f0f0f0; } -.sourcelines > span:nth-child(4n+3) { background-color: white; } - .sourcelines > span:target { background-color: #ffff99; }
--- a/tests/test-hgweb-commands.t Fri Jul 12 15:58:13 2013 +0400 +++ b/tests/test-hgweb-commands.t Fri Jul 12 23:47:56 2013 +0400 @@ -669,7 +669,7 @@ <div class="overflow"> <div class="sourcefirst linewraptoggle">line wrap: <a class="linewraplink" href="javascript:toggleLinewrap()">on</a></div> <div class="sourcefirst"> line source</div> - <pre class="sourcelines wrap"> + <pre class="sourcelines stripes4 wrap"> <span id="l1">foo</span><a href="#l1"></a></pre> <div class="sourcelast"></div> </div>
--- a/tests/test-highlight.t Fri Jul 12 15:58:13 2013 +0400 +++ b/tests/test-highlight.t Fri Jul 12 23:47:56 2013 +0400 @@ -138,7 +138,7 @@ <div class="overflow"> <div class="sourcefirst linewraptoggle">line wrap: <a class="linewraplink" href="javascript:toggleLinewrap()">on</a></div> <div class="sourcefirst"> line source</div> - <pre class="sourcelines wrap"> + <pre class="sourcelines stripes4 wrap"> <span id="l1"><span class="c">#!/usr/bin/env python</span></span><a href="#l1"></a> <span id="l2"></span><a href="#l2"></a> <span id="l3"><span class="sd">"""Fun with generators. Corresponding Haskell implementation:</span></span><a href="#l3"></a>