comparison tests/test-hgweb-commands.t @ 32762:2d93d2159e30

hgweb: refresh styling of gitweb's search form gitweb was missing the hint hover box. So that was added. Also, the positioning of the form was absolute and it didn't vertically align on all pages. The element has been moved inline with the navigation links (which now are contained in a div) and flexbox is used to obtain sane alignment of the navigation links and search form. For those new to flexbox, "justify-content: space-between" basically says to maximize space elements. You can use it to easily get left and right justified containers without having to worry about width, floating, etc. "align-items: center" centers all items in a cross-axis. I've literally wasted hours trying to figure out both these problems before flexbox. Flexbox is amazing. Flexbox has been supported by Chrome and Firefox for a few years. But it is only supported by IE 11. I'm willing to wager that people using this either won't be using IE or will be using IE 11. So I'm willing to be a bit aggressive in adopting flexbox because it makes CSS alignment so much easier.
author Gregory Szorc <gregory.szorc@gmail.com>
date Fri, 09 Jun 2017 13:55:51 -0700
parents cb5123eff7d1
children 816a4fa7d5f8
comparison
equal deleted inserted replaced
32761:cb5123eff7d1 32762:2d93d2159e30
1531 <body> 1531 <body>
1532 1532
1533 <div class="page_header"> 1533 <div class="page_header">
1534 <a href="https://mercurial-scm.org/" title="Mercurial" style="float: right;">Mercurial</a> 1534 <a href="https://mercurial-scm.org/" title="Mercurial" style="float: right;">Mercurial</a>
1535 <a href="/">Mercurial</a> / summary 1535 <a href="/">Mercurial</a> / summary
1536
1537 <form action="/log">
1538 <input type="hidden" name="style" value="gitweb" />
1539 <div class="search">
1540 <input type="text" name="rev" value="" />
1541 </div>
1542 </form>
1543 </div> 1536 </div>
1544 1537
1545 <div class="page_nav"> 1538 <div class="page_nav">
1539 <div>
1546 summary | 1540 summary |
1547 <a href="/shortlog?style=gitweb">shortlog</a> | 1541 <a href="/shortlog?style=gitweb">shortlog</a> |
1548 <a href="/log?style=gitweb">changelog</a> | 1542 <a href="/log?style=gitweb">changelog</a> |
1549 <a href="/graph?style=gitweb">graph</a> | 1543 <a href="/graph?style=gitweb">graph</a> |
1550 <a href="/tags?style=gitweb">tags</a> | 1544 <a href="/tags?style=gitweb">tags</a> |
1551 <a href="/bookmarks?style=gitweb">bookmarks</a> | 1545 <a href="/bookmarks?style=gitweb">bookmarks</a> |
1552 <a href="/branches?style=gitweb">branches</a> | 1546 <a href="/branches?style=gitweb">branches</a> |
1553 <a href="/file?style=gitweb">files</a> | 1547 <a href="/file?style=gitweb">files</a> |
1554 <a href="/help?style=gitweb">help</a> 1548 <a href="/help?style=gitweb">help</a>
1555 <br/> 1549 </div>
1550
1551 <div class="search">
1552 <form id="searchform" action="/log">
1553 <input type="hidden" name="style" value="gitweb" />
1554 <input name="rev" type="text" value="" size="40" />
1555 <div id="hint">Find changesets by keywords (author, files, the commit message), revision
1556 number or hash, or <a href="/help/revsets">revset expression</a>.</div>
1557 </form>
1558 </div>
1556 </div> 1559 </div>
1557 1560
1558 <div class="title">&nbsp;</div> 1561 <div class="title">&nbsp;</div>
1559 <table cellspacing="0"> 1562 <table cellspacing="0">
1560 <tr><td>description</td><td>unknown</td></tr> 1563 <tr><td>description</td><td>unknown</td></tr>
1731 <body> 1734 <body>
1732 1735
1733 <div class="page_header"> 1736 <div class="page_header">
1734 <a href="https://mercurial-scm.org/" title="Mercurial" style="float: right;">Mercurial</a> 1737 <a href="https://mercurial-scm.org/" title="Mercurial" style="float: right;">Mercurial</a>
1735 <a href="/">Mercurial</a> / graph 1738 <a href="/">Mercurial</a> / graph
1736
1737 <form action="/log">
1738 <input type="hidden" name="style" value="gitweb" />
1739 <div class="search">
1740 <input type="text" name="rev" value="" />
1741 </div>
1742 </form>
1743 </div> 1739 </div>
1744 1740
1745 <div class="page_nav"> 1741 <div class="page_nav">
1742 <div>
1746 <a href="/summary?style=gitweb">summary</a> | 1743 <a href="/summary?style=gitweb">summary</a> |
1747 <a href="/shortlog/tip?style=gitweb">shortlog</a> | 1744 <a href="/shortlog/tip?style=gitweb">shortlog</a> |
1748 <a href="/log/tip?style=gitweb">changelog</a> | 1745 <a href="/log/tip?style=gitweb">changelog</a> |
1749 graph | 1746 graph |
1750 <a href="/tags?style=gitweb">tags</a> | 1747 <a href="/tags?style=gitweb">tags</a> |
1753 <a href="/file/tip?style=gitweb">files</a> | 1750 <a href="/file/tip?style=gitweb">files</a> |
1754 <a href="/help?style=gitweb">help</a> 1751 <a href="/help?style=gitweb">help</a>
1755 <br/> 1752 <br/>
1756 <a href="/graph/tip?revcount=30&style=gitweb">less</a> 1753 <a href="/graph/tip?revcount=30&style=gitweb">less</a>
1757 <a href="/graph/tip?revcount=120&style=gitweb">more</a> 1754 <a href="/graph/tip?revcount=120&style=gitweb">more</a>
1758 | <a href="/graph/2ef0ac749a14?style=gitweb">(0)</a> <a href="/graph/tip?style=gitweb">tip</a> <br/> 1755 | <a href="/graph/2ef0ac749a14?style=gitweb">(0)</a> <a href="/graph/tip?style=gitweb">tip</a>
1756 </div>
1757
1758 <div class="search">
1759 <form id="searchform" action="/log">
1760 <input type="hidden" name="style" value="gitweb" />
1761 <input name="rev" type="text" value="" size="40" />
1762 <div id="hint">Find changesets by keywords (author, files, the commit message), revision
1763 number or hash, or <a href="/help/revsets">revset expression</a>.</div>
1764 </form>
1765 </div>
1759 </div> 1766 </div>
1760 1767
1761 <div class="title">&nbsp;</div> 1768 <div class="title">&nbsp;</div>
1762 1769
1763 <noscript>The revision graph only works with JavaScript-enabled browsers.</noscript> 1770 <noscript>The revision graph only works with JavaScript-enabled browsers.</noscript>