3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-06-02 02:42:41 +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>}
</div>
<div
className={classnames('menu', 'menu--responsive', {
className={classnames('menu', 'menu--responsive', styles.menu, {
'menu--show': showResponsiveSidebar,
})}>
<button

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

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