gio
/
think
mirror of https://github.com/fantasticit/think.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

client: hidden scroll bar in tocs

This commit is contained in:
fantasticit 2022-05-30 15:45:51 +08:00
parent a26da9c2b9
commit 1c782e23ad
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/client/src/styles/globals.scss
View File

@ -122,3 +122,22 @@
.semi-navigation-horizontal .semi-navigation-header {
margin-right: 0;
}
.hidden-scrollbar {
::-webkit-scrollbar {
width: 0;
height: 0;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: transparent;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
}

3
packages/client/src/tiptap/editor/tocs/index.tsx
View File

@ -1,4 +1,5 @@
import { Anchor, Tooltip } from '@douyinfe/semi-ui';
import cls from 'classnames';
import { throttle } from 'helpers/throttle';
import { useToggle } from 'hooks/use-toggle';
import React, { useCallback, useEffect, useState } from 'react';
@ -122,7 +123,7 @@ export const Tocs: React.FC<{ editor: Editor; getContainer: () => HTMLElement }>
if (!headings || !headings.length) return null;
return (
<div className={styles.wrapper}>
<div className={cls(styles.wrapper, 'hidden-scrollbar ')}>
<Anchor
railTheme={collapsed ? 'muted' : 'tertiary'}
maxHeight={'calc(100vh - 360px)'}