pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set scrollbar autohide to leave

Browse source
This commit is contained in:
jeffvli 2023-08-04 03:31:36 -07:00
parent 14453a8524
commit b35d3c3256
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/renderer/components/scroll-area/index.tsx
View file

@ -3,14 +3,14 @@ import { ScrollArea as MantineScrollArea } from '@mantine/core';
import { useMergedRef } from '@mantine/hooks'; import { useMergedRef } from '@mantine/hooks';
import { useInView } from 'framer-motion'; import { useInView } from 'framer-motion';
import { useOverlayScrollbars } from 'overlayscrollbars-react'; import { useOverlayScrollbars } from 'overlayscrollbars-react';
import { forwardRef, Ref, useEffect, useRef, useState } from 'react'; import { CSSProperties, forwardRef, ReactNode, Ref, useEffect, useRef, useState } from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import { PageHeader, PageHeaderProps } from '/@/renderer/components/page-header'; import { PageHeader, PageHeaderProps } from '/@/renderer/components/page-header';
import { useWindowSettings } from '/@/renderer/store/settings.store'; import { useWindowSettings } from '/@/renderer/store/settings.store';
import { Platform } from '/@/renderer/types'; import { Platform } from '/@/renderer/types';
interface ScrollAreaProps extends MantineScrollAreaProps { interface ScrollAreaProps extends MantineScrollAreaProps {
children: React.ReactNode; children: ReactNode;
} }
const StyledScrollArea = styled(MantineScrollArea)` const StyledScrollArea = styled(MantineScrollArea)`
@ -46,13 +46,13 @@ export const ScrollArea = forwardRef(({ children, ...props }: ScrollAreaProps, r
}); });
interface NativeScrollAreaProps { interface NativeScrollAreaProps {
children: React.ReactNode; children: ReactNode;
debugScrollPosition?: boolean; debugScrollPosition?: boolean;
noHeader?: boolean; noHeader?: boolean;
pageHeaderProps?: PageHeaderProps & { offset: number; target?: any }; pageHeaderProps?: PageHeaderProps & { offset: number; target?: any };
scrollBarOffset?: string; scrollBarOffset?: string;
scrollHideDelay?: number; scrollHideDelay?: number;
style?: React.CSSProperties; style?: CSSProperties;
} }
export const NativeScrollArea = forwardRef( export const NativeScrollArea = forwardRef(
@ -60,7 +60,6 @@ export const NativeScrollArea = forwardRef(
{ {
children, children,
pageHeaderProps, pageHeaderProps,
debugScrollPosition,
scrollBarOffset, scrollBarOffset,
scrollHideDelay, scrollHideDelay,
noHeader, noHeader,
@ -105,8 +104,8 @@ export const NativeScrollArea = forwardRef(
options: { options: {
overflow: { x: 'hidden', y: 'scroll' }, overflow: { x: 'hidden', y: 'scroll' },
scrollbars: { scrollbars: {
autoHide: 'move', autoHide: 'leave',
autoHideDelay: 500, autoHideDelay: scrollHideDelay || 500,
pointers: ['mouse', 'pen', 'touch'], pointers: ['mouse', 'pen', 'touch'],
theme: 'feishin', theme: 'feishin',
visibility: 'visible', visibility: 'visible',