Remove padding from binding picker to clean up design.
This commit is contained in:
parent
137ff31289
commit
471d2f4ae8
|
@ -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(
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue