Don't strip topnav on narrow devices

The idea is to remove everything but the "HOME" link from the topnav
bar on very narrow devices, so that it doesn't look cramped.  Right
now we don't have a ton of stuff in topnav, and losing the tutorial
link is annoying.

If we want to restore this feature, we should also add a link to the
tutorial in the body of the page.
This commit is contained in:
Andy McFadden 2021-06-23 13:32:04 -07:00
parent 78eafa6100
commit 7fc323cdef
2 changed files with 7 additions and 5 deletions

View File

@ -75,10 +75,10 @@ features one tool, the SourceGen disassembler.</p>
<a href="https://6502disassembly.com/">completed disassembly projects</a>.</li>
</ul>
<p>Check out the
<a href="https://github.com/fadden/6502bench/">GitHub project</a>,
where you can download source &amp; binaries for the latest version from the
<a href="https://github.com/fadden/6502bench/releases/">Releases page</a>.
<p>You can download source code and executables for the latest version from the
<a href="https://github.com/fadden/6502bench/releases/">Releases page</a>
in the
<a href="https://github.com/fadden/6502bench/">GitHub project</a>.
</p>
<p>Key features include:</p>

View File

@ -107,9 +107,11 @@ kbd.key {
* Show nothing but HOME initially. Expand the set as the screen widens.
* inline-block seems to help keep the text and icon consistent when
* expanding and collapsing (vs. inline).
*
* DISABLED -- we don't have all that many items, so it's just annoying.
*/
#topnav a {display:inline-block;}
#topnav a:not(:first-child) {display:none;}
/*#topnav a:not(:first-child) {display:none;}*/
#topnav a.icon {
float: right;
display: block;