mirror of
https://github.com/hcengineering/platform.git
synced 2025-04-13 11:50:56 +00:00
Fix Jumping popup (#2545)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
parent
0a5a753299
commit
0cd868ce4a
@ -420,12 +420,13 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: .5rem;
|
||||
min-width: 22rem;
|
||||
min-height: 22rem;
|
||||
background: var(--popup-bg-color);
|
||||
border-radius: .5rem;
|
||||
box-shadow: var(--popup-shadow);
|
||||
|
||||
|
||||
&:not(.min-w-168) { min-width: 22rem; }
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -54,7 +54,6 @@
|
||||
|
||||
function _update (result: any): void {
|
||||
if (onUpdate !== undefined) onUpdate(result)
|
||||
fitPopup()
|
||||
}
|
||||
|
||||
function _close (result: any): void {
|
||||
|
@ -140,9 +140,7 @@
|
||||
/>
|
||||
</div>
|
||||
{/if}
|
||||
{#if cHeight === 1}
|
||||
<div class="background-theme-content-accent" style:height={'2px'} />
|
||||
{/if}
|
||||
<div class:background-accent-bg-color={cHeight === 1} style:height={'2px'} />
|
||||
<div class="scroll" on:scroll={() => updateLocation(scrollDiv, selectedDiv, filteredObjects)} bind:this={scrollDiv}>
|
||||
<div class="box">
|
||||
<ListView
|
||||
@ -204,7 +202,5 @@
|
||||
</ListView>
|
||||
</div>
|
||||
</div>
|
||||
{#if cHeight === -1}
|
||||
<div class="background-theme-content-accent" style:height={'2px'} />
|
||||
{/if}
|
||||
<div class:background-accent-bg-color={cHeight === -1} style:height={'2px'} />
|
||||
</div>
|
||||
|
@ -29,9 +29,10 @@
|
||||
}
|
||||
|
||||
const currentUser = getCurrentAccount() as EmployeeAccount
|
||||
$: isMobile = $deviceInfo.isMobile
|
||||
</script>
|
||||
|
||||
<div class="notifyPopup" class:min-w-168={!$deviceInfo.isMobile}>
|
||||
<div class="notifyPopup" class:min-w-168={!isMobile}>
|
||||
<div class="header flex-between">
|
||||
<span class="fs-title overflow-label"><Label label={calendar.string.Reminders} /></span>
|
||||
<Button icon={IconAdd} size={'medium'} kind={'transparent'} on:click={(e) => click(e)} />
|
||||
|
@ -27,9 +27,10 @@
|
||||
$: query.query(calendar.mixin.Reminder, { state: 'active', participants: currentUser.employee }, (res) => {
|
||||
remindersCount = res.length
|
||||
})
|
||||
$: isMobile = $deviceInfo.isMobile
|
||||
</script>
|
||||
|
||||
<div class="notifyPopup" class:justify-center={!remindersCount} class:min-w-168={!$deviceInfo.isMobile}>
|
||||
<div class="notifyPopup" class:justify-center={!remindersCount} class:min-w-168={!isMobile}>
|
||||
<div class="header">
|
||||
<span class="fs-title overflow-label"><Label label={calendar.string.Reminders} /></span>
|
||||
</div>
|
||||
|
@ -75,9 +75,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
$: isMobile = $deviceInfo.isMobile
|
||||
</script>
|
||||
|
||||
<div class="notifyPopup" class:justify-center={notifications.length === 0} class:min-w-168={!$deviceInfo.isMobile}>
|
||||
<div class="notifyPopup" class:justify-center={notifications.length === 0} class:min-w-168={!isMobile}>
|
||||
<div class="header flex-between">
|
||||
<span class="fs-title overflow-label"><Label label={notification.string.Notifications} /></span>
|
||||
{#if notifications.length > 0}
|
||||
|
@ -35,9 +35,10 @@
|
||||
(p) => p.requested.filter((a) => a === me).length > p.approved.filter((a) => a === me).length
|
||||
))
|
||||
)
|
||||
$: isMobile = $deviceInfo.isMobile
|
||||
</script>
|
||||
|
||||
<div class="notifyPopup" class:justify-center={requests.length === 0} class:min-w-168={!$deviceInfo.isMobile}>
|
||||
<div class="notifyPopup" class:justify-center={requests.length === 0} class:min-w-168={!isMobile}>
|
||||
<div class="header flex-between">
|
||||
<span class="fs-title overflow-label"><Label label={request.string.Requests} /></span>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user