diff --git a/packages/tooltip/assets/index.html.ejs b/packages/tooltip/assets/index.html.ejs
index e91e6887c4fccec625cc5a5cccc1b6eefec09b16..d6d81fb623ae039e789bc1976d1b76f9914ce38d 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 a4d7e1e25ce3da5d5abf93aa39b0784e1de7057c..2e491ca94a93826e6143cbea3fb51bd1804f1571 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 3bd8fea8d2f38db51bc495c42ab057c5d45142cb..679556e7456915b73408317dbd2a045d34ecedea 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;
}
`;