@asafarim/markdown-explorer-viewer
Version:
A reusable React component for exploring and viewing markdown files with file tree navigation
36 lines (31 loc) • 815 B
CSS
/* Direct sidebar scrolling fix */
.sidebar {
height: 100% ;
display: flex ;
flex-direction: column ;
overflow: hidden ;
}
.sidebarContent {
flex: 1 ;
overflow-y: auto ;
height: 100% ;
min-height: 0 ;
}
/* Target FileTree directly */
.fileTree {
overflow-y: auto ;
max-height: calc(100vh - 180px) ;
}
/* Make sure the search container stays at the top */
.searchContainer {
position: sticky ;
top: 0 ;
z-index: 10 ;
background-color: inherit ;
}
/* Ensure the main container has proper height */
.markdownExplorer {
height: 100% ;
min-height: 100vh ;
overflow: hidden ;
}