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;
} }

4
src/components/HideScrollbar.tsx
View File

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