Fixing some CSS bugs in the automation bindings popover.

6 years ago · aed2e2c49a
2 changed files with 11 additions and 2 deletions
--- a/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
+++ b/packages/builder/src/components/automation/SetupPanel/GenericBindingPopover.svelte
@ -143,10 +143,18 @@
    margin-top: 0;
  }
  .bindings__wrapper {
-    overflow-y: auto;
+    overflow-y: scroll;
+    overflow-x: hidden;
    position: relative;
    flex: 1 1 auto;
+    -ms-overflow-style: none;
  }
+
+  .bindings__wrapper::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
+
  .bindings__list {
    position: absolute;
    width: 100%;
--- a/packages/builder/src/components/common/BindableInput.svelte
+++ b/packages/builder/src/components/common/BindableInput.svelte
@ -24,7 +24,7 @@
 <div class="container" bind:this={anchor}>
  <Input {...inputProps} bind:value />
  <div class="icon" on:click={popover.show}>
-    <Icon name="edit" />
+    <Icon name="lightning" />
  </div>
 </div>
 <GenericBindingPopover
@ -54,6 +54,7 @@
    border-bottom-right-radius: var(--border-radius-m);
    color: var(--grey-7);
    font-size: 16px;
+    margin-top: 20px;
  }
  .icon:hover {
    color: var(--ink);