wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-23 16:56:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

UBERF-7077: fixed Separator (#5743)

Browse Source 
Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
This commit is contained in:
Alexander Platov 2024-06-06 13:29:33 +03:00 committed by GitHub
parent e67e554839
commit 2195ccc5c2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/ui/src/components/Separator.svelte
View File

@ -218,17 +218,13 @@
const applyStyles = (final: boolean = false): void => { const applyStyles = (final: boolean = false): void => {
if (separatorMap == null) return if (separatorMap == null) return
const side = direction === 'horizontal' ? 'width' : 'height' const side = direction === 'horizontal' ? 'width' : 'height'
const sum = separatorMap
.filter((f) => f.maxSize !== -1)
.map((el) => el.size)
.reduce((prev, a) => prev + a, separatorsWide.total)
separatorMap.forEach((item) => { separatorMap.forEach((item) => {
if (item.resize || final) { if (item.resize || final) {
let style: string = `min-${side}:${ let style: string = `min-${side}:${
item.maxSize !== -1 ? item.size + 'px' : item.minSize === -1 ? '0' : item.minSize + 'px' item.maxSize !== -1 ? item.size + 'px' : item.minSize === -1 ? '0' : item.minSize + 'px'
};` };`
style += item.maxSize === -1 ? '' : `max-${side}:${item.size + 'px'};` style += item.maxSize === -1 ? '' : `max-${side}:${item.size + 'px'};`
style += item.maxSize !== -1 ? `${side}:${item.size}px;` : '' // `${side}:calc(100% - ${sum}px);` style += item.maxSize !== -1 ? `${side}:${item.size}px;` : ''
if (item.styles !== null) { if (item.styles !== null) {
item.styles.forEach((value, key) => { item.styles.forEach((value, key) => {
if (key !== 'pointer-events' || final) style += `${key}:${value};` if (key !== 'pointer-events' || final) style += `${key}:${value};`
@ -525,14 +521,16 @@
if (forCrop > 0) { if (forCrop > 0) {
const newSize = forCrop - diff < 0 ? minSize : box.size - diff const newSize = forCrop - diff < 0 ? minSize : box.size - diff
diff -= forCrop diff -= forCrop
if (direction === 'horizontal') { if (separ.maxSize !== 'auto') {
box.element.style.width = `${newSize}px` if (direction === 'horizontal') {
box.element.style.minWidth = `${newSize}px` box.element.style.width = `${newSize}px`
box.element.style.maxWidth = `${newSize}px` box.element.style.minWidth = `${newSize}px`
} else { box.element.style.maxWidth = `${newSize}px`
box.element.style.height = `${newSize}px` } else {
box.element.style.minHeight = `${newSize}px` box.element.style.height = `${newSize}px`
box.element.style.maxHeight = `${newSize}px` box.element.style.minHeight = `${newSize}px`
box.element.style.maxHeight = `${newSize}px`
}
} }
separators[separators.length - i - 1].size = newSize separators[separators.length - i - 1].size = newSize
} }