mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
Website: update documentation sidebar height (#25710)
Closes: https://github.com/fleetdm/confidential/issues/9391 Changes: - Updated the styles for the "on this page" sidebar on documentation pages.
This commit is contained in:
parent
79829e28f7
commit
5b229485e1
1 changed files with 6 additions and 6 deletions
|
|
@ -906,10 +906,6 @@
|
|||
|
||||
.header-hidden { // For scrolling the sidebars with the sticky header
|
||||
transform: translateY(-80px);
|
||||
max-height: calc(~'100vh - 60px');
|
||||
}
|
||||
.scrolled:not(.header-hidden) { // For when the page has been scrolled and the header is visible
|
||||
max-height: calc(~'100vh - 140px');
|
||||
}
|
||||
[purpose='left-sidebar'] {
|
||||
height: fit-content;
|
||||
|
|
@ -939,6 +935,10 @@
|
|||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
border-left: 1px solid @core-vibrant-blue-25;
|
||||
max-height: calc(~'100vh - 60px');
|
||||
transition-property: max-height;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 500ms;
|
||||
a {
|
||||
color: @core-fleet-black;
|
||||
text-decoration: none;
|
||||
|
|
@ -947,9 +947,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&:not(.scrolled) {
|
||||
&:not(.header-hidden) {
|
||||
[purpose='subtopics'] {
|
||||
max-height: calc(~'100vh - 225px'); // Using a calculated max-height to allow the sidebars to be fully scrollable before the content is scrolled.
|
||||
max-height: calc(~'100vh - 140px'); // Using a calculated max-height to allow the sidebars to be fully scrollable before the content is scrolled.
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue