[EZQMS-270] Added customizations to Panel and TabsControl (#3762)

Signed-off-by: Oleg Solodkov <oleg.solodkov@xored.com>
This commit is contained in:
Oleg Solodkov 2023-09-30 20:54:53 +04:00 committed by GitHub
parent 4d91a07cc1
commit 0c5041f0b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 4 deletions

View File

@ -44,12 +44,14 @@
export let isAside: boolean = true export let isAside: boolean = true
export let isUtils: boolean = true export let isUtils: boolean = true
export let isCustomAttr: boolean = true export let isCustomAttr: boolean = true
export let isReminder: boolean = true
export let floatAside = false export let floatAside = false
export let allowBack = true export let allowBack = true
export let allowClose = true export let allowClose = true
export let useMaxWidth: boolean | undefined = undefined export let useMaxWidth: boolean | undefined = undefined
export let isFullSize = false export let isFullSize = false
export let embedded = false export let embedded = false
export let contentClasses: string | undefined = undefined
let lastHref: string let lastHref: string
let scroll: HTMLDivElement let scroll: HTMLDivElement
@ -139,7 +141,9 @@
<svelte:fragment slot="utils"> <svelte:fragment slot="utils">
<slot name="pre-utils" /> <slot name="pre-utils" />
<Component is={calendar.component.DocReminder} props={{ value: object, title, focusIndex: 9000 }} /> {#if isReminder}
<Component is={calendar.component.DocReminder} props={{ value: object, title, focusIndex: 9000 }} />
{/if}
{#if isUtils && $$slots.utils} {#if isUtils && $$slots.utils}
<div class="buttons-divider" /> <div class="buttons-divider" />
<slot name="utils" /> <slot name="utils" />
@ -211,7 +215,7 @@
} }
}} }}
> >
<div class="popupPanel-body__main-content py-8 clear-mins" class:max={useMaxWidth}> <div class={contentClasses ?? 'popupPanel-body__main-content py-8 clear-mins'} class:max={useMaxWidth}>
<slot /> <slot />
{#if !withoutActivity} {#if !withoutActivity}
{#key object._id} {#key object._id}

View File

@ -34,11 +34,13 @@
}} }}
> >
{#if tab.icon !== undefined} {#if tab.icon !== undefined}
<div class="mr-2"> <div class="mr-2" class:ml-2={tab.label === ''}>
<Icon icon={tab.icon} size={'small'} /> <Icon icon={tab.icon} size={'small'} />
</div> </div>
{/if} {/if}
<Label label={tab.label} /> {#if tab.label !== ''}
<Label label={tab.label} />
{/if}
</div> </div>
{/each} {/each}
<div class="grow" /> <div class="grow" />