From 76b24d0993f7a5ae79171ba7da9f214dc13aaa50 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christina=20T=C3=B6gl?= <toegl@tugraz.at>
Date: Wed, 15 Sep 2021 10:49:30 +0200
Subject: [PATCH] Change tooltip default size + padding for minimal touch
target (32x32)
---
packages/tooltip/src/info-tooltip.js | 7 +++++--
1 file changed, 5 insertions(+), 2 deletions(-)
diff --git a/packages/tooltip/src/info-tooltip.js b/packages/tooltip/src/info-tooltip.js
index 1d7ee19c..03679c6e 100644
--- a/packages/tooltip/src/info-tooltip.js
+++ b/packages/tooltip/src/info-tooltip.js
@@ -51,6 +51,9 @@ export class InfoTooltip extends ScopedElementsMixin(DBPLitElement) {
.info-icon {
display: inline;
+ opacity: 0.7;
+ font-size: 18px;
+ padding: 4.5px 7px;
}
a {
@@ -70,8 +73,8 @@ export class InfoTooltip extends ScopedElementsMixin(DBPLitElement) {
return html`
<link rel="stylesheet" href="${tippy2CSS}">
- <div class="info-icon">
- <dbp-icon name="information-circle" id="info-tooltip-icon"></dbp-icon>
+ <div class="info-icon" id="info-tooltip-icon">
+ <dbp-icon name="information-circle"></dbp-icon>
</div>
`;
--
GitLab