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> <span class="weekday">{getWeekDayName(day, weekFormat)}</span>
{/if} {/if}
{#if tEvents !== 0} {#if tEvents !== 0}
<span style:min-width={'3rem'}> <div class="header-time">
<TimeDuration value={tEvents} /> <TimeDuration value={tEvents} />
</span> </div>
{/if} {/if}
</div> </div>
{/each} {/each}
@ -1376,5 +1376,15 @@
padding: 0.125rem; 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> </style>

View File

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