From b01ec8da0f7738421f17903755b8060c80c98bc4 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Tue, 17 Nov 2020 12:20:40 +0000 Subject: [PATCH] Fix selected component border in builder preview --- .../userInterface/AppPreview/CurrentItemPreview.svelte | 2 +- .../components/userInterface/AppPreview/iframeTemplate.js | 4 +++- packages/standard-components/src/Link.svelte | 5 +++-- 3 files changed, 7 insertions(+), 4 deletions(-) diff --git a/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte b/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte index fd7270cdfa..77b0e6b665 100644 --- a/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte +++ b/packages/builder/src/components/userInterface/AppPreview/CurrentItemPreview.svelte @@ -17,7 +17,7 @@ } const getComponentTypeName = component => { - let [componentName] = component._component.match(/[a-z]*$/) + let [componentName] = component._component.match(/[a-zA-Z]*$/) return componentName || "element" } diff --git a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js index 1e4ced87c6..7bfa9ddab9 100644 --- a/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js +++ b/packages/builder/src/components/userInterface/AppPreview/iframeTemplate.js @@ -44,9 +44,11 @@ export default ` if (selectedComponentStyle) document.head.removeChild(selectedComponentStyle) } catch(_) { } + console.log(data.selectedComponentType) + selectedComponentStyle = document.createElement('style'); document.head.appendChild(selectedComponentStyle) - var selectedCss = '.' + data.selectedComponentType + '-' + data.selectedComponentId + '{ border: 2px solid #0055ff; }' + var selectedCss = '[data-bb-id="' + data.selectedComponentType + '-' + data.selectedComponentId + '"]' + '{border:2px solid #0055ff !important;}' selectedComponentStyle.appendChild(document.createTextNode(selectedCss)) styles = document.createElement('style') diff --git a/packages/standard-components/src/Link.svelte b/packages/standard-components/src/Link.svelte index a243a1e304..bcd002f617 100644 --- a/packages/standard-components/src/Link.svelte +++ b/packages/standard-components/src/Link.svelte @@ -1,14 +1,15 @@ - + {text}