Add small horiztonal padding to app list table view to improve text overflow
This commit is contained in:
parent
35b9ab353e
commit
be28fc2fb8
|
@ -44,7 +44,7 @@
|
|||
Locked by you
|
||||
{/if}
|
||||
</div>
|
||||
<div class="actions">
|
||||
<div>
|
||||
<Button on:click={() => openApp(app)} size="S" secondary>Open</Button>
|
||||
<ActionMenu align="right">
|
||||
<Icon hoverable slot="control" name="More" />
|
||||
|
@ -71,6 +71,10 @@
|
|||
align-items: center;
|
||||
gap: var(--spacing-xl);
|
||||
grid-template-columns: auto 1fr;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.preview {
|
||||
height: 40px;
|
||||
|
@ -99,7 +103,4 @@
|
|||
.status--open {
|
||||
background-color: var(--spectrum-global-color-green-600);
|
||||
}
|
||||
.actions {
|
||||
padding-right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue