FatttSnake/oxygen-ui
1
0
Fork 0
Code Pull Requests Activity

FatttSnake #12

Merged
FatttSnake merged 6 commits from FatttSnake into dev 2023-09-11 00:23:12 +08:00
Conversation 0 Commits 6 Files Changed 12 +15 -18
2 changed files with 15 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e225194c14 - Show all commits

13
src/assets/css/hide-scrollbar.scss
View File

@@ -1,15 +1,10 @@
body { .hide-scrollbar-mask {
width: 100%;
height: 100%;
overflow: hidden; overflow: hidden;
} }
#root { .hide-scrollbar-selection {
height: 100vh;
width: 100vw;
}
#hide-scrollbar {
position: relative; position: relative;
height: 100vh;
width: 100vw;
overflow: scroll; overflow: scroll;
} }

20
src/components/HideScrollbar.tsx
View File

@@ -151,15 +151,17 @@ const HideScrollbar = forwardRef<HideScrollbarElement, PropsWithChildren>((props
return ( return (
<> <>
<div <div className={'hide-scrollbar-mask'}>
ref={rootRef} <div
id={'hide-scrollbar'} ref={rootRef}
style={{ className={'hide-scrollbar-selection'}
width: `calc(100vw + ${verticalScrollbarWidth}px)`, style={{
height: `calc(100vh + ${horizontalScrollbarWidth}px` width: `calc(100vw + ${verticalScrollbarWidth}px)`,
}} height: `calc(100vh + ${horizontalScrollbarWidth}px`
> }}
{props.children} >
{props.children}
</div>
</div> </div>
</> </>
) )