From cc69a3a0c4723318059f6eb75ed777b7d0633a52 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Thu, 21 Oct 2021 13:24:37 +0100 Subject: [PATCH 1/3] Fix styles of template list to display better on mobile --- packages/builder/src/components/start/TemplateList.svelte | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/builder/src/components/start/TemplateList.svelte b/packages/builder/src/components/start/TemplateList.svelte index 03ab5773c5..7c7eb1f8f9 100644 --- a/packages/builder/src/components/start/TemplateList.svelte +++ b/packages/builder/src/components/start/TemplateList.svelte @@ -87,10 +87,10 @@ } .template { - height: 60px; + min-height: 60px; display: grid; - grid-gap: var(--layout-m); - grid-template-columns: 5% 1fr 15%; + grid-gap: var(--layout-s); + grid-template-columns: auto 1fr auto; border: 1px solid #494949; align-items: center; cursor: pointer; From 906f171ef220c7f301f462b26c08bd3aa67ddf12 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Thu, 21 Oct 2021 13:36:33 +0100 Subject: [PATCH 2/3] Scope picker transition to avoid weird behaviour when unmounting --- packages/bbui/src/Form/Core/Picker.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/bbui/src/Form/Core/Picker.svelte b/packages/bbui/src/Form/Core/Picker.svelte index 8acbc4e1a6..5f4da1cad9 100644 --- a/packages/bbui/src/Form/Core/Picker.svelte +++ b/packages/bbui/src/Form/Core/Picker.svelte @@ -115,7 +115,7 @@ {#if open}
(open = false)} - transition:fly={{ y: -20, duration: 200 }} + transition:fly|local={{ y: -20, duration: 200 }} class="spectrum-Popover spectrum-Popover--bottom spectrum-Picker-popover is-open" class:auto-width={autoWidth} > From 979801be4e9116e21cbb99befe4efbf70156f0b6 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Thu, 21 Oct 2021 13:52:30 +0100 Subject: [PATCH 3/3] Remove log statement in datepicker --- packages/bbui/src/Form/Core/DatePicker.svelte | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/bbui/src/Form/Core/DatePicker.svelte b/packages/bbui/src/Form/Core/DatePicker.svelte index 71126a5b13..8edb68a38e 100644 --- a/packages/bbui/src/Form/Core/DatePicker.svelte +++ b/packages/bbui/src/Form/Core/DatePicker.svelte @@ -86,8 +86,6 @@ // millisecond. return new Date(Math.floor(time / 1000) * 1000) } - - $: console.log(value)