From 2a55f2abf2eef423c77eb147a796ef7dbc6c3205 Mon Sep 17 00:00:00 2001
From: Joe <49767913+joebudi@users.noreply.github.com>
Date: Thu, 10 Dec 2020 11:11:53 +0000
Subject: [PATCH] Text changed
Changing 'Invalid chart options' to 'Use the settings panel to build your chart'. I feel this is more appropriate.
---
packages/standard-components/src/Card.svelte | 12 ++++++++++--
.../standard-components/src/CardHorizontal.svelte | 14 +++++++++++---
.../src/charts/ApexChart.svelte | 4 +++-
3 files changed, 24 insertions(+), 6 deletions(-)
diff --git a/packages/standard-components/src/Card.svelte b/packages/standard-components/src/Card.svelte
index e8248b7a01..74121590e3 100644
--- a/packages/standard-components/src/Card.svelte
+++ b/packages/standard-components/src/Card.svelte
@@ -29,11 +29,19 @@
class="container"
use:styleable={$component.styles}
style="--cardWidth: {cardWidth}">
- {#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
+ {#if showImage}
+ <img
+ style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
+ class="image"
+ src={imageUrl}
+ alt="" />
+ {/if}
<div class="content">
<h2 class="heading">{heading}</h2>
<h4 class="text">{description}</h4>
- <a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
+ <a
+ style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
+ href={linkUrl}>{linkText}</a>
</div>
</div>
diff --git a/packages/standard-components/src/CardHorizontal.svelte b/packages/standard-components/src/CardHorizontal.svelte
index f0741fd7de..5d7596e296 100644
--- a/packages/standard-components/src/CardHorizontal.svelte
+++ b/packages/standard-components/src/CardHorizontal.svelte
@@ -24,15 +24,23 @@
use:styleable={$component.styles}
class="container"
style="--cardWidth: {cardWidth}">
- {#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
+ {#if showImage}
+ <img
+ style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
+ class="image"
+ src={imageUrl}
+ alt="" />
+ {/if}
<div class="content">
<main>
<h2 class="heading">{heading}</h2>
<p class="text">{description}</p>
</main>
- <footer >
+ <footer>
<p class="subtext">{subtext}</p>
- <a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
+ <a
+ style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
+ href={linkUrl}>{linkText}</a>
</footer>
</div>
</div>
diff --git a/packages/standard-components/src/charts/ApexChart.svelte b/packages/standard-components/src/charts/ApexChart.svelte
index 88719ecddb..0c2e1b0e41 100644
--- a/packages/standard-components/src/charts/ApexChart.svelte
+++ b/packages/standard-components/src/charts/ApexChart.svelte
@@ -11,7 +11,9 @@
{#if options}
<div use:chart={options} use:styleable={$component.styles} />
{:else if options === false}
- <div use:styleable={$component.styles}>Invalid chart options</div>
+ <div use:styleable={$component.styles}>
+ Use the settings panel to build your chart -->
+ </div>
{/if}
<style>