3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-07 05:12:31 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(v2): make sidebar logo positioning relative navbar (#2179)

Browse source
This commit is contained in:
Alexey Pyltsyn 2020-01-03 05:39:26 +03:00 • committed by Yangshun Tay
parent 5bafa1d106
commit 24206de744
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
View file

@ -142,7 +142,7 @@ function DocSidebar(props) {
{title != null && <strong>{title}</strong>} {title != null && <strong>{title}</strong>}
</div> </div>
<div <div
className={classnames('menu', 'menu--responsive', { className={classnames('menu', 'menu--responsive', styles.menu, {
'menu--show': showResponsiveSidebar, 'menu--show': showResponsiveSidebar,
})}> })}>
<button <button

10
packages/docusaurus-theme-classic/src/theme/DocSidebar/styles.module.css
View file

@ -9,7 +9,6 @@
.sidebar { .sidebar {
height: 100vh; height: 100vh;
overflow-y: auto; overflow-y: auto;
padding: 0.5rem;
position: sticky; position: sticky;
top: 0; top: 0;
padding-top: var(--ifm-navbar-height); padding-top: var(--ifm-navbar-height);
@ -37,14 +36,19 @@
display: flex !important; display: flex !important;
align-items: center; align-items: center;
position: absolute; position: absolute;
top: var(--ifm-navbar-padding-horizontal); top: 0;
padding: 0 0 0 var(--ifm-navbar-padding-vertical); margin: 0 var(--ifm-navbar-padding-horizontal);
height: var(--ifm-navbar-height);
} }
.sidebarLogo img { .sidebarLogo img {
margin-right: 0.5rem; margin-right: 0.5rem;
height: 2rem; height: 2rem;
} }
.menu {
padding: 0.5rem;
}
} }
.sidebarLogo { .sidebarLogo {