From f843f56538401521720fd7469adb6fa69205f030 Mon Sep 17 00:00:00 2001 From: David McGuire <78670493+davidmcguiredesign@users.noreply.github.com> Date: Sun, 26 Jan 2025 22:32:49 -0800 Subject: [PATCH] Sticky breadcrumb and sidebar navs (#1198) close #1197 --- styles/theme-base.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/styles/theme-base.css b/styles/theme-base.css index beec0bc1f9..f2308f58e7 100644 --- a/styles/theme-base.css +++ b/styles/theme-base.css @@ -532,6 +532,10 @@ pre.info { padding:.75rem 1.5rem 1.5rem; -moz-box-sizing:border-box; box-sizing:border-box; + position: sticky; + top: 3rem; + max-height: calc(100vh - 3rem); + overflow: auto; } #layout-content { padding:1.5rem; @@ -1352,6 +1356,10 @@ div.soft-deprecation-notice blockquote.sidebar { @media (min-width: 768px) { #breadcrumbs { display:block; + position: sticky; + top: 0px; + background: var(--dark-grey-color); + z-index: 1; } #intro .background, aside.tips, @@ -1361,8 +1369,8 @@ div.soft-deprecation-notice blockquote.sidebar { } #layout-content { - float:left; - width:75%; + float: left; + width: 75%; } }