mirror of
https://github.com/minio/docs.git
synced 2025-04-25 17:22:39 +03:00
51da56df3c
- Fixed the sidebar scroll - with this fix, you'll be able to scroll to the end of the left sidebar at any given screen height. - Renamed content-navigation component and CSS class names for better consistency. - Changed the footer style by including it as part of the main content area. This change is required to have the scroll fix mentioned at point no. 1. - Reduced the hero height by a small margin, in order to have more sidebar scroll room on smaller devices such as 13 inch laptop and all. - Used higher contrast color on search modal's bg and scrollbar thumb to have better color consistency. - Made scrollbar thumbs visible by default. - Set sidebar scroll position to match the active doc item. - Added custom scrollbars for code blocks.
67 lines
1.1 KiB
SCSS
67 lines
1.1 KiB
SCSS
|
|
:root {
|
|
--content-padding: 1.75rem;
|
|
|
|
@include breakpoint-max(breakpoints(lg)) {
|
|
--content-padding: 1.25rem;
|
|
}
|
|
}
|
|
|
|
.content {
|
|
flex: 1;
|
|
|
|
@include breakpoint-min(breakpoints(lg)) {
|
|
& > .container {
|
|
display: flex;
|
|
}
|
|
}
|
|
}
|
|
|
|
.content__main {
|
|
flex: 1;
|
|
min-width: 0;
|
|
padding: var(--content-padding);
|
|
}
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
padding: 0 var(--content-padding);
|
|
width: 100%;
|
|
}
|
|
|
|
:root {
|
|
&:not(.read-mode) {
|
|
.container {
|
|
max-width: $container-width;
|
|
}
|
|
}
|
|
|
|
&.read-mode {
|
|
.content {
|
|
@include breakpoint-min(breakpoints(lg)) {
|
|
overflow: auto;
|
|
}
|
|
|
|
& > .container {
|
|
padding-inline: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Keep only the main content when the page is loaded inside an iframe.
|
|
// Currently we load certain pages inside iframes for PathFactory analytics.
|
|
.inside-iframe {
|
|
.header,
|
|
.sidebar {
|
|
display: none;
|
|
}
|
|
|
|
.content {
|
|
height: 100vh;
|
|
}
|
|
|
|
.content__main {
|
|
padding-left: var(--content-padding);
|
|
}
|
|
} |