Browse Source

Further spacing improvements

Spacing improvements
Red color applied to X hover
List of bindable objects is now scrollable without a visual of the scrollbar
pull/1026/head
Joe 5 years ago
parent
commit
051a2875b7
  1. 7
      packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
  2. 7
      packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte

7
packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte

@ -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);

7
packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/EventEditor.svelte

@ -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>

Loading…
Cancel
Save