wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-15 04:49:00 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix: Panel glitches on opening (#5033)

Browse Source 
Signed-off-by: Eduard Aksamitov <e@euaaaio.ru>
This commit is contained in:
Eduard Aksamitov 2024-03-22 11:41:34 +03:00 committed by GitHub
parent 9d52ddbbea
commit fe5d787250
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/ui/src/components/Panel.svelte
View File

@ -64,13 +64,19 @@
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
let el: HTMLElement
let asideFloat: boolean = false let asideFloat: boolean = false
let asideShown: boolean = selectedAside !== false let asideShown: boolean = selectedAside !== false
let hideAside: boolean = !asideShown let hideAside: boolean = !asideShown
let fullSize: boolean = false let fullSize: boolean = false
let oldAside: string | boolean = selectedAside let oldAside: string | boolean = selectedAside
$: if (typeof selectedAside === 'string' && oldAside !== selectedAside) oldAside = selectedAside $: if (typeof selectedAside === 'string' && oldAside !== selectedAside) oldAside = selectedAside
$: setAside(selectedAside) $: setAside(selectedAside)
$: if (el !== undefined) {
panelWidth = el.clientWidth
checkPanel()
}
let oldWidth = '' let oldWidth = ''
let hideTimer: any | undefined let hideTimer: any | undefined
@ -97,6 +103,7 @@
} }
} }
} }
afterUpdate(() => { afterUpdate(() => {
if (hideTimer) { if (hideTimer) {
clearTimeout(hideTimer) clearTimeout(hideTimer)
@ -114,6 +121,7 @@
asideShown = !asideShown asideShown = !asideShown
hideAside = !asideShown hideAside = !asideShown
} }
const handleSelectAside = (result: { detail: any }, sw: boolean = true): void => { const handleSelectAside = (result: { detail: any }, sw: boolean = true): void => {
selectedAside = result.detail selectedAside = result.detail
if (sw) { if (sw) {
@ -125,6 +133,7 @@
</script> </script>
<div <div
bind:this={el}
class="popupPanel panel {kind}" class="popupPanel panel {kind}"
class:embedded class:embedded
use:resizeObserver={(element) => { use:resizeObserver={(element) => {