github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-28 17:20:55 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix: prevent splitter panels from being selected when resizing

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-03-24 13:51:31 +01:00
parent e97a426680
commit c1a816be36
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/editor-page/splitter/splitter.module.scss
View file

@ -14,6 +14,12 @@
flex-direction: column; flex-direction: column;
} }
.resizing {
.left, .right {
user-select: none;
}
}
.move-overlay { .move-overlay {
position: absolute; position: absolute;
height: 100%; height: 100%;

6
frontend/src/components/editor-page/splitter/splitter.tsx
View file

@ -135,7 +135,11 @@ export const Splitter: React.FC<SplitterProps> = ({ additionalContainerClassName
useKeyboardShortcuts(setRelativeSplitValue) useKeyboardShortcuts(setRelativeSplitValue)
return ( return (
<div ref={splitContainer} className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}`}> <div
ref={splitContainer}
className={`flex-fill flex-row d-flex ${additionalContainerClassName || ''}${
resizingInProgress ? ' ' + styles.resizing : ''
}`}>
<ShowIf condition={resizingInProgress}> <ShowIf condition={resizingInProgress}>
<div <div
className={styles['move-overlay']} className={styles['move-overlay']}