Fixed the display of the duration of events in the Calendar (#8905)

Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
This commit is contained in:
Alexander Platov 2025-05-13 14:19:57 +07:00 committed by GitHub
parent b0c30707d6
commit bb18fa0369
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 4 deletions

View File

@ -865,9 +865,9 @@
<span class="weekday">{getWeekDayName(day, weekFormat)}</span>
{/if}
{#if tEvents !== 0}
<span style:min-width={'3rem'}>
<div class="header-time">
<TimeDuration value={tEvents} />
</span>
</div>
{/if}
</div>
{/each}
@ -1376,5 +1376,15 @@
padding: 0.125rem;
}
}
.header-time {
position: absolute;
top: var(--spacing-0_25);
right: var(--spacing-0_25);
padding: var(--spacing-0_25) var(--spacing-1);
font-size: 0.75rem;
color: var(--theme-dark-color);
background-color: var(--theme-button-hovered);
border-radius: var(--small-BorderRadius);
}
}
</style>

View File

@ -105,8 +105,8 @@
<div class="timeline-resource-content">
{#each persons as person}
<div class="timeline-row" style={getRowStyle()}>
<div class="timeline-resource-cell">
<PersonPresenter value={person} />
<div class="timeline-resource-cell flex-row-center">
<div><PersonPresenter value={person} /></div>
</div>
</div>
{/each}