Fix display issue
This commit is contained in:
parent
7edd149351
commit
679c7a0397
1 changed files with 8 additions and 1 deletions
|
@ -28,7 +28,7 @@
|
|||
|
||||
<span class="cal w-100 d-block" on:click={handleClick}>
|
||||
<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">
|
||||
{#if url}
|
||||
<a href={url} class="cal-link" download={value} on:click|stopPropagation>
|
||||
|
@ -54,6 +54,13 @@
|
|||
color: #aabbfe;
|
||||
text-shadow: 2px 2px 3px #62a1fe;
|
||||
}
|
||||
.cal-title {
|
||||
max-width: 75%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.cal {
|
||||
cursor: pointer;
|
||||
|
|
Loading…
Reference in a new issue