From 832fa84848cea7a0a95867bd3b8e46ff8ce7ddd0 Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Mon, 9 Dec 2019 16:29:26 +0100
Subject: [PATCH] vpu-icon: Also fill circle elements in the icon svg
And change the demo to the "happy" icon which contains paths and circles.
---
packages/common/vpu-common-demo.js | 2 +-
packages/common/vpu-icon.js | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js
index bd450d6a..bea4a3d8 100644
--- a/packages/common/vpu-common-demo.js
+++ b/packages/common/vpu-common-demo.js
@@ -120,7 +120,7 @@ class VpuCommonDemo extends VPULitElement {
<span style="background-color: #000"><a href="#" style=" color: #fff">foobar</a></span>
<br>
- ${(new Array(100).fill(0)).map(i => html`<vpu-icon style="color: green; width: 50px; height: 50px; border: #000 solid 1px"name="coffee-cup"></vpu-icon>`)}
+ ${(new Array(100).fill(0)).map(i => html`<vpu-icon style="color: green; width: 50px; height: 50px; border: #000 solid 1px"name="happy"></vpu-icon>`)}
</div>
</div>
<div class="content">
diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js
index f908e20f..deff95c1 100644
--- a/packages/common/vpu-icon.js
+++ b/packages/common/vpu-icon.js
@@ -100,7 +100,7 @@ class Icon extends LitElement {
height: 100%;
}
- svg path {
+ svg path, svg circle {
fill: currentColor;
}
`;
--
GitLab