Remove padding from binding picker to clean up design.

This commit is contained in:
mike12345567 2024-02-02 16:36:12 +00:00
parent 137ff31289
commit 471d2f4ae8
2 changed files with 6 additions and 1 deletions

View File

@ -577,6 +577,7 @@
<div class="js-binding-picker"> <div class="js-binding-picker">
<BindingPicker <BindingPicker
{bindings} {bindings}
noPaddingTop
allowHelpers={false} allowHelpers={false}
addBinding={binding => addBinding={binding =>
bindingsHelpers.onSelectBinding( bindingsHelpers.onSelectBinding(

View File

@ -9,6 +9,7 @@
export let bindings export let bindings
export let mode export let mode
export let allowHelpers export let allowHelpers
export let noPaddingTop = false
let search = "" let search = ""
let popover let popover
@ -104,7 +105,7 @@
<Layout noPadding gap="S"> <Layout noPadding gap="S">
{#if selectedCategory} {#if selectedCategory}
<div class="sub-section-back"> <div class="sub-section-back" class:no-padding-top={noPaddingTop}>
<ActionButton <ActionButton
secondary secondary
icon={"ArrowLeft"} icon={"ArrowLeft"}
@ -301,6 +302,9 @@
padding-top: var(--spacing-xl); padding-top: var(--spacing-xl);
padding-bottom: 0px; padding-bottom: 0px;
} }
.no-padding-top {
padding-top: 0 !important;
}
.cat-heading { .cat-heading {
margin-bottom: var(--spacing-l); margin-bottom: var(--spacing-l);
} }