Fix display issue

This commit is contained in:
Tom Hubrecht 2022-07-26 00:43:42 +02:00
parent 7edd149351
commit 679c7a0397

View file

@ -28,7 +28,7 @@
<span class="cal w-100 d-block" on:click={handleClick}> <span class="cal w-100 d-block" on:click={handleClick}>
<Icon name={icon} class="ms-2" /> <Icon name={icon} class="ms-2" />
<span class="ms-1">{value}</span> <span class="ms-1 d-inline-block cal-title">{value}</span>
<span class="float-end"> <span class="float-end">
{#if url} {#if url}
<a href={url} class="cal-link" download={value} on:click|stopPropagation> <a href={url} class="cal-link" download={value} on:click|stopPropagation>
@ -54,6 +54,13 @@
color: #aabbfe; color: #aabbfe;
text-shadow: 2px 2px 3px #62a1fe; text-shadow: 2px 2px 3px #62a1fe;
} }
.cal-title {
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.cal { .cal {
cursor: pointer; cursor: pointer;