diff --git a/site/src/components/TopNav.html b/site/src/components/TopNav.html index 00e384cdf7..42b322ce1b 100644 --- a/site/src/components/TopNav.html +++ b/site/src/components/TopNav.html @@ -69,10 +69,6 @@ font-weight: 300; } - .open { - overflow-y: auto; - } - .primary { list-style: none; font-family: var(--font); @@ -117,7 +113,6 @@ ul.open li { display: block; - /* padding: 1.7rem 0 0; */ text-align: right } @@ -131,7 +126,6 @@ } ul.open li a { - font-size: var(--h6); padding: 2rem .7rem 0 .8rem; display: block; } @@ -189,6 +183,24 @@ background: none; } + ul.open { + padding: 0; + background: white; + border: none; + align-self: initial; + } + + ul.open li { + display: inline; + text-align: left; + } + + ul.open li a { + font-size: var(--h6); + padding: 0 .8rem; + display: inline; + } + ul::after { display: none; } diff --git a/site/src/routes/guide/index.html b/site/src/routes/guide/index.html index 20c0f82419..6983a752eb 100644 --- a/site/src/routes/guide/index.html +++ b/site/src/routes/guide/index.html @@ -170,9 +170,11 @@ border: none !important; /* TODO get rid of linkify */ } - .content :global(h2):hover :global(.anchor), - .content :global(h3):hover :global(.anchor) { - opacity: 1; + @media (min-width: 768px) { + .content :global(h2):hover :global(.anchor), + .content :global(h3):hover :global(.anchor) { + opacity: 1; + } } .content :global(h3),