1
0
mirror of https://github.com/fadden/6502bench.git synced 2024-06-11 17:29:29 +00:00

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> <a href="https://6502disassembly.com/">completed disassembly projects</a>.</li>
</ul> </ul>
<p>Check out the <p>You can download source code and executables for the latest version from the
<a href="https://github.com/fadden/6502bench/">GitHub project</a>, <a href="https://github.com/fadden/6502bench/releases/">Releases page</a>
where you can download source &amp; binaries for the latest version from the in the
<a href="https://github.com/fadden/6502bench/releases/">Releases page</a>. <a href="https://github.com/fadden/6502bench/">GitHub project</a>.
</p> </p>
<p>Key features include:</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. * Show nothing but HOME initially. Expand the set as the screen widens.
* inline-block seems to help keep the text and icon consistent when * inline-block seems to help keep the text and icon consistent when
* expanding and collapsing (vs. inline). * 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 {display:inline-block;}
#topnav a:not(:first-child) {display:none;} /*#topnav a:not(:first-child) {display:none;}*/
#topnav a.icon { #topnav a.icon {
float: right; float: right;
display: block; display: block;