Browse Source

Fixing some CSS bugs in the automation bindings popover.

master
mike12345567 6 years ago
parent
commit
aed2e2c49a
  1. 10
      packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
  2. 3
      packages/builder/src/components/common/BindableInput.svelte

10
packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte

@ -143,10 +143,18 @@
margin-top: 0; margin-top: 0;
} }
.bindings__wrapper { .bindings__wrapper {
overflow-y: auto; overflow-y: scroll;
overflow-x: hidden;
position: relative; position: relative;
flex: 1 1 auto; flex: 1 1 auto;
-ms-overflow-style: none;
} }
.bindings__wrapper::-webkit-scrollbar {
width: 0;
height: 0;
}
.bindings__list { .bindings__list {
position: absolute; position: absolute;
width: 100%; width: 100%;

3
packages/builder/src/components/common/BindableInput.svelte

@ -24,7 +24,7 @@
<div class="container" bind:this={anchor}> <div class="container" bind:this={anchor}>
<Input {...inputProps} bind:value /> <Input {...inputProps} bind:value />
<div class="icon" on:click={popover.show}> <div class="icon" on:click={popover.show}>
<Icon name="edit" /> <Icon name="lightning" />
</div> </div>
</div> </div>
<GenericBindingPopover <GenericBindingPopover
@ -54,6 +54,7 @@
border-bottom-right-radius: var(--border-radius-m); border-bottom-right-radius: var(--border-radius-m);
color: var(--grey-7); color: var(--grey-7);
font-size: 16px; font-size: 16px;
margin-top: 20px;
} }
.icon:hover { .icon:hover {
color: var(--ink); color: var(--ink);

Loading…
Cancel
Save