rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: fix panel resizer double-click behavior

Browse Source
This commit is contained in:
Aman Harwara
2023-12-28 15:38:57 +05:30
parent bc845c1633
commit 8b5d455a6e
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/PanelResizer/PanelResizer.tsx
View File

@@ -180,6 +180,10 @@ class PanelResizer extends Component<Props, State> {
} }
} }
if (this.props.widthEventCallback) {
this.props.widthEventCallback(width)
}
return width return width
} }

12
packages/web/src/javascripts/Components/Panes/PanesSystemComponent.tsx
View File

@@ -23,8 +23,8 @@ import EditorPane from '../NoteGroupView/EditorPane'
const NAVIGATION_PANEL_MIN_WIDTH = 48 const NAVIGATION_PANEL_MIN_WIDTH = 48
const ITEMS_PANEL_MIN_WIDTH = 200 const ITEMS_PANEL_MIN_WIDTH = 200
const PLACEHOLDER_NAVIGATION_PANEL_WIDTH = 220 const NAVIGATION_PANEL_DEFAULT_WIDTH = 220
const PLACEHOLDER_NOTES_PANEL_WIDTH = 400 const ITEMS_PANEL_DEFAULT_WIDTH = 400
const PanesSystemComponent = () => { const PanesSystemComponent = () => {
const application = useApplication() const application = useApplication()
@@ -39,12 +39,12 @@ const PanesSystemComponent = () => {
const [panesPendingExit, setPanesPendingExit] = useState<AppPaneId[]>([]) const [panesPendingExit, setPanesPendingExit] = useState<AppPaneId[]>([])
const [navigationPanelWidth, setNavigationPanelWidth] = useState<number>( const [navigationPanelWidth, setNavigationPanelWidth] = useState<number>(
application.getPreference(PrefKey.TagsPanelWidth, PLACEHOLDER_NAVIGATION_PANEL_WIDTH), application.getPreference(PrefKey.TagsPanelWidth, NAVIGATION_PANEL_DEFAULT_WIDTH),
) )
const [navigationRef, setNavigationRef] = useState<HTMLDivElement | null>(null) const [navigationRef, setNavigationRef] = useState<HTMLDivElement | null>(null)
const [itemsPanelWidth, setItemsPanelWidth] = useState<number>( const [itemsPanelWidth, setItemsPanelWidth] = useState<number>(
application.getPreference(PrefKey.NotesPanelWidth, PLACEHOLDER_NOTES_PANEL_WIDTH), application.getPreference(PrefKey.NotesPanelWidth, ITEMS_PANEL_DEFAULT_WIDTH),
) )
const [listRef, setListRef] = useState<HTMLDivElement | null>(null) const [listRef, setListRef] = useState<HTMLDivElement | null>(null)
@@ -127,7 +127,7 @@ const PanesSystemComponent = () => {
useEffect(() => { useEffect(() => {
const removeObserver = application.addEventObserver(async () => { const removeObserver = application.addEventObserver(async () => {
const width = application.getPreference(PrefKey.TagsPanelWidth, PLACEHOLDER_NAVIGATION_PANEL_WIDTH) const width = application.getPreference(PrefKey.TagsPanelWidth, NAVIGATION_PANEL_DEFAULT_WIDTH)
setNavigationPanelWidth(width) setNavigationPanelWidth(width)
}, ApplicationEvent.PreferencesChanged) }, ApplicationEvent.PreferencesChanged)
@@ -298,7 +298,7 @@ const PanesSystemComponent = () => {
{showPanelResizers && listRef && ( {showPanelResizers && listRef && (
<PanelResizer <PanelResizer
collapsable={true} collapsable={true}
defaultWidth={itemsPanelWidth} defaultWidth={ITEMS_PANEL_DEFAULT_WIDTH}
hoverable={true} hoverable={true}
left={0} left={0}
minWidth={ITEMS_PANEL_MIN_WIDTH} minWidth={ITEMS_PANEL_MIN_WIDTH}