diff --git a/src/css/feedback.css b/src/css/feedback.css index 2246714..52870e4 100644 --- a/src/css/feedback.css +++ b/src/css/feedback.css @@ -1,11 +1,22 @@ /* Feedback question and buttons */ .feedback-prompt { - width: 100%; + width: var(--toc-width); font-family: var(--body-font-family); color: var(--nav-muted-color); display: flex; flex-direction: column; + position: sticky; + top: calc(var(--toc-top) + var(--toc-height)); + margin-left: 5em; + margin-right: var(--toc-margin-right); + z-index: 999; +} + +@media screen and (max-height: 670px) { + .feedback-prompt { + display: none; + } } .feedback-prompt .hidden { diff --git a/src/css/home.css b/src/css/home.css index 1c5200b..6b63a86 100644 --- a/src/css/home.css +++ b/src/css/home.css @@ -137,6 +137,11 @@ text-align: center; } +.home .card-title a { + color: inherit !important; + text-decoration: none !important; +} + @media (min-width: 480px) { .home .card { flex-basis: calc(50% - calc(var(--cards-gap) * 1 / 2)); diff --git a/src/css/search.css b/src/css/search.css index a1aab23..dbafc2b 100644 --- a/src/css/search.css +++ b/src/css/search.css @@ -1,5 +1,6 @@ .DocSearch-Container { z-index: 10000 !important; + position: fixed !important; } .DocSearch-Button-Keys { diff --git a/src/css/toc.css b/src/css/toc.css index e68cdeb..0e05d06 100644 --- a/src/css/toc.css +++ b/src/css/toc.css @@ -1,15 +1,14 @@ .toc-menu { color: var(--toc-font-color); - margin-bottom: 50px; } .toc.sidebar { display: none; - margin-right: 0.75rem; position: sticky; top: var(--toc-top); align-self: flex-start; margin-left: 5em; + margin-right: var(--toc-margin-right); } .toc .toc-menu ul { @@ -18,7 +17,7 @@ list-style: none; margin: 0; padding: 0; - max-height: var(--toc-height); + max-height: var(--toc-content-height); overflow-y: auto; scrollbar-width: none; } @@ -35,9 +34,9 @@ .toc.sidebar { display: block; flex: 0 0 var(--toc-width); - min-width: 200px; + min-width: 222px; overflow-y: auto; - height: 500px; + height: var(--toc-height); overflow-x: hidden; } diff --git a/src/css/vars.css b/src/css/vars.css index 75b7601..c2e455f 100644 --- a/src/css/vars.css +++ b/src/css/vars.css @@ -149,8 +149,10 @@ --nav-panel-height--desktop: calc(var(--nav-height--desktop) - var(--drawer-height)); --nav-width: calc(270 / var(--rem-base) * 1rem); --toc-top: calc(var(--body-top) + var(--toolbar-height)); - --toc-height: calc(100vh - var(--toc-top) - 2.5rem); + --toc-content-height: calc(100vh - var(--toc-top) - 2.5rem); --toc-width: 14rem; + --toc-height: 400px; + --toc-margin-right: 0.75rem; --doc-max-width: calc(720 / var(--rem-base) * 1rem); --doc-max-width--desktop: calc(1500 / var(--rem-base) * 1rem); --border-radius: 5px; diff --git a/src/partials/body-home.hbs b/src/partials/body-home.hbs index 7162dc9..b784984 100644 --- a/src/partials/body-home.hbs +++ b/src/partials/body-home.hbs @@ -35,7 +35,7 @@