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
Stage: test
Hide whitespace changes
Inline Side-by-side
packages/tooltip/assets/index.html.ejs
+ 0
− 1
View file @ 7170de4d
......@@ -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>
......
packages/tooltip/src/dbp-tooltip-demo.js
+ 3
− 7
View file @ 7170de4d
......@@ -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>
`;
......
packages/tooltip/src/tooltip.js
+ 2
− 1
View file @ 7170de4d
......@@ -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;
}
`;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment