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}>
|
<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;
|
||||||
|
|
Loading…
Reference in a new issue