mirror/spacedrive
1
0
Fork 0
mirror of https://github.com/spacedriveapp/spacedrive.git synced 2026-05-24 08:22:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

[ENG-976] Fixed Missing scrollbar in the Explorer (#1228)

Browse Source 
* fixed scroller in the `Explorer`

* Update style.scss

---------

Co-authored-by: Utku <74243531+utkubakir@users.noreply.github.com>
This commit is contained in:
Aditya
2023-08-19 01:21:00 +05:30
committed by GitHub
parent a0afc22f98
commit 1695842b19
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
interface/app/$libraryId/Explorer/index.tsx
View File

@@ -44,7 +44,7 @@ export default function Explorer(props: PropsWithChildren<Props>) {
<div className="flex-1 overflow-hidden">
<div
ref={explorer.scrollRef}
className="custom-scroll explorer-scroll relative h-screen overflow-x-hidden"
className="explorer-scroll relative h-screen overflow-x-hidden overflow-y-auto"
style={{
paddingTop: TOP_BAR_HEIGHT,
paddingRight: explorerStore.showInspector ? INSPECTOR_WIDTH : 0

9
interface/app/style.scss
View File

@@ -60,19 +60,14 @@ body {
width: 6px;
}
&::-webkit-scrollbar-track {
@apply mt-[46px] rounded-[6px] bg-[#00000000];
@apply mt-[46px] rounded-[6px] bg-transparent;
}
&::-webkit-scrollbar-thumb {
@apply rounded-[6px] bg-transparent;
@apply rounded-[6px] bg-app-box;
}
&::-webkit-scrollbar-corner {
background-color: transparent;
}
&:hover {
&::-webkit-scrollbar-thumb {
@apply bg-app-divider/20;
}
}
}
.default-scroll {
&::-webkit-scrollbar {