Further spacing improvements

Spacing improvements
Red color applied to X hover
List of bindable objects is now scrollable without a visual of the scrollbar
This commit is contained in:
Joe 2021-01-27 09:44:58 +00:00
parent 58019592c8
commit 032cce7bcd
2 changed files with 13 additions and 1 deletions

View File

@ -28,6 +28,7 @@
<div class="list">
{#if context}
<Heading extraSmall>Columns</Heading>
<Spacer small />
<ul>
{#each context as { readableBinding }}
<li on:click={() => addToText(readableBinding)}>
@ -66,7 +67,13 @@
.list {
border-right: var(--border-light);
padding: var(--spacing-l);
overflow: auto;
}
.list::-webkit-scrollbar {
display: none;
}
.text {
padding: var(--spacing-xl);
font-family: var(--font-sans);

View File

@ -115,7 +115,7 @@
}
.actions-list {
border: var(--border-light);
border-right: var(--border-light);
padding: var(--spacing-s);
}
@ -160,4 +160,9 @@
a:hover {
color: var(--blue);
}
i:hover {
color: var(--red);
cursor: pointer;
}
</style>