From 6be934a6c9cf193e3244307ca2bfb5e85cb149d4 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 2103fff1d22db76886e1b6beb434b54f19c946cd 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 d40d37b75a0778e94199f46aae23ad623a9de167 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)