CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-05 22:40:39 +12:00
Code Issues Projects Releases Wiki Activity

Further spacing improvements

Browse source 
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
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

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