Author: David McGuire (davidmcguiredesign)
Committer: GitHub (web-flow)
Pusher: saundefined
Date: 2025-01-27T09:32:49+03:00
Commit: Sticky breadcrumb and sidebar navs (#1198) · php/web-php@f843f56 · GitHub
Raw diff: https://github.com/php/web-php/commit/f843f56538401521720fd7469adb6fa69205f030.diff
Sticky breadcrumb and sidebar navs (#1198)
close #1197
Changed paths:
M styles/theme-base.css
Diff:
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%;
}
}