Skip to content
Snippets Groups Projects
Commit 7170de4d authored by Neuber, Eugen Ramon's avatar Neuber, Eugen Ramon :speech_balloon:
Browse files

Clean up, inline tooltip icon

parent ebd63b9b
No related branches found
No related tags found
1 merge request!81Add info tooltip
Pipeline #55258 passed
This commit is part of merge request !81. Comments created here will be created in the context of that merge request.
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script type="module" src="dbp-tooltip-demo.js"></script> <script type="module" src="dbp-tooltip-demo.js"></script>
<style src="tippy.css"></style>
</head> </head>
<body> <body>
......
...@@ -5,7 +5,6 @@ import * as commonUtils from '@dbp-toolkit/common/utils'; ...@@ -5,7 +5,6 @@ import * as commonUtils from '@dbp-toolkit/common/utils';
import * as commonStyles from '@dbp-toolkit/common/styles'; import * as commonStyles from '@dbp-toolkit/common/styles';
import {TooltipElement} from './tooltip'; import {TooltipElement} from './tooltip';
import DBPLitElement from "@dbp-toolkit/common/dbp-lit-element"; import DBPLitElement from "@dbp-toolkit/common/dbp-lit-element";
import tippy2CSSPath from 'tippy.js/dist/tippy.css';
export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) { export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) {
...@@ -53,18 +52,15 @@ export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) { ...@@ -53,18 +52,15 @@ export class TooltipDemo extends ScopedElementsMixin(DBPLitElement) {
render() { render() {
const tippy2CSS = commonUtils.getAssetURL(tippy2CSSPath);
return html` return html`
<link rel="stylesheet" href="${tippy2CSS}">
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<h1 class="title">Tooltip-Demo</h1> <h1 class="title">Tooltip-Demo</h1>
</div> </div>
<div class="container"> <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> </div>
</section> </section>
`; `;
......
...@@ -46,7 +46,8 @@ export class TooltipElement extends ScopedElementsMixin(DBPLitElement) { ...@@ -46,7 +46,8 @@ export class TooltipElement extends ScopedElementsMixin(DBPLitElement) {
.info-icon { .info-icon {
/* color: red; TODO: css-var ? */ /* color: red; TODO: css-var ? */
padding: 0 4px; display: inline;
opacity: 0.7;
} }
`; `;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment