From 2936cf639ed75ecad97598b7a97da867fca0d992 Mon Sep 17 00:00:00 2001
From: Christoph Reiter <reiter.christoph@gmail.com>
Date: Thu, 3 Oct 2019 13:22:13 +0200
Subject: [PATCH] Improve padding/size of inline icons; fix script src lookup
---
packages/common/assets/index.html | 2 +-
packages/common/vpu-common-demo.js | 4 ++--
packages/common/vpu-icon.js | 3 ++-
3 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/packages/common/assets/index.html b/packages/common/assets/index.html
index eceb47de..d9bb9413 100644
--- a/packages/common/assets/index.html
+++ b/packages/common/assets/index.html
@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
- <script type="module" src="bundle.js"></script>
+ <script type="module" id="vpu-common-demo-src" src="bundle.js"></script>
<style>
body {
font-family: sans;
diff --git a/packages/common/vpu-common-demo.js b/packages/common/vpu-common-demo.js
index ca4ba38c..ae83afd6 100644
--- a/packages/common/vpu-common-demo.js
+++ b/packages/common/vpu-common-demo.js
@@ -42,7 +42,7 @@ class VpuCommonDemo extends VPULitElement {
}
a:after {
- ${ unsafeCSS(getIconCSS('bolt')) };
+ ${ unsafeCSS(getIconCSS('envelope')) };
}
`;
}
@@ -62,7 +62,7 @@ class VpuCommonDemo extends VPULitElement {
}
render() {
- commonUtils.initAssetBaseURL('vpu-person-select-src');
+ commonUtils.initAssetBaseURL('vpu-common-demo-src');
const bulmaCSS = commonUtils.getAssetURL(bulmaCSSPath);
return html`
<link rel="stylesheet" href="${bulmaCSS}">
diff --git a/packages/common/vpu-icon.js b/packages/common/vpu-icon.js
index b427a79d..67f4fd97 100644
--- a/packages/common/vpu-icon.js
+++ b/packages/common/vpu-icon.js
@@ -33,7 +33,8 @@ export function getIconCSS(name) {
-webkit-mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-position: center center;
- font-size: 1.1em;
+ margin-left: 0.2em;
+ padding-left: 0.3em;
content: "X";
`;
}
--
GitLab