From 7170de4dcf40187014cf37eeb2c541ebd223fe13 Mon Sep 17 00:00:00 2001
From: Eugen Neuber <eugen.neuber@tugraz.at>
Date: Wed, 8 Sep 2021 16:42:48 +0200
Subject: [PATCH] Clean up, inline tooltip icon
---
packages/tooltip/assets/index.html.ejs | 1 -
packages/tooltip/src/dbp-tooltip-demo.js | 10 +++-------
packages/tooltip/src/tooltip.js | 3 ++-
3 files changed, 5 insertions(+), 9 deletions(-)
diff --git a/packages/tooltip/assets/index.html.ejs b/packages/tooltip/assets/index.html.ejs
index e91e6887..d6d81fb6 100644
--- a/packages/tooltip/assets/index.html.ejs
+++ b/packages/tooltip/assets/index.html.ejs
@@ -3,7 +3,6 @@
<head>
<meta charset="UTF-8">
<script type="module" src="dbp-tooltip-demo.js"></script>
- <style src="tippy.css"></style>
</head>
<body>
diff --git a/packages/tooltip/src/dbp-tooltip-demo.js b/packages/tooltip/src/dbp-tooltip-demo.js
index a4d7e1e2..2e491ca9 100644
--- a/packages/tooltip/src/dbp-tooltip-demo.js
+++ b/packages/tooltip/src/dbp-tooltip-demo.js
@@ -5,7 +5,6 @@ import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles';
import {TooltipElement} from './tooltip';
import DBPLitElement from "@dbp-toolkit/common/dbp-lit-element";
-import tippy2CSSPath from 'tippy.js/dist/tippy.css';
export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) {
@@ -53,18 +52,15 @@ export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) {
render() {
- const tippy2CSS = commonUtils.getAssetURL(tippy2CSSPath);
-
return html`
-
- <link rel="stylesheet" href="${tippy2CSS}">
-
<section class="section">
<div class="container">
<h1 class="title">Tooltip-Demo</h1>
</div>
<div class="container">
- <dbp-tooltip text-content="tippy tooltip demo text"></dbp-tooltip>
+ <p>Mind the gap!
+ <dbp-tooltip text-content="tippy tooltip demo text"></dbp-tooltip>
+ </p>
</div>
</section>
`;
diff --git a/packages/tooltip/src/tooltip.js b/packages/tooltip/src/tooltip.js
index 3bd8fea8..679556e7 100644
--- a/packages/tooltip/src/tooltip.js
+++ b/packages/tooltip/src/tooltip.js
@@ -46,7 +46,8 @@ export class TooltipElement extends ScopedElementsMixin(DBPLitElement) {
.info-icon {
/* color: red; TODO: css-var ? */
- padding: 0 4px;
+ display: inline;
+ opacity: 0.7;
}
`;
--
GitLab