From d77079af2919c82c19e77438adcb9724efb04005 Mon Sep 17 00:00:00 2001
From: Manuel Kocher <manuel.kocher@tugraz.at>
Date: Thu, 30 Jun 2022 10:49:05 +0200
Subject: [PATCH] Add styling example to dbp-translation
---
packages/common/src/translation.js | 9 +++++++++
.../assets/translation-overrides/de/translation.json | 2 +-
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/packages/common/src/translation.js b/packages/common/src/translation.js
index d1341e30..7a659210 100644
--- a/packages/common/src/translation.js
+++ b/packages/common/src/translation.js
@@ -30,6 +30,15 @@ export class Translation extends DBPLitElement {
.hidden {
display: none;
}
+ .links {
+ border-bottom: var(--dbp-border);
+ border-color: var(--dbp-content);
+ padding: 0;
+ transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
+ color: var(--dbp-content);
+ cursor: pointer;
+ text-decoration: none;
+ }
`;
}
diff --git a/toolkit-showcase/assets/translation-overrides/de/translation.json b/toolkit-showcase/assets/translation-overrides/de/translation.json
index c1127c41..5a89e9d1 100644
--- a/toolkit-showcase/assets/translation-overrides/de/translation.json
+++ b/toolkit-showcase/assets/translation-overrides/de/translation.json
@@ -1,7 +1,7 @@
{
"dbp-translation": {
"toolkit-showcase": "Dieser Text wird mithilfe von i18n aus einer benutzerdefinierten Sprachdatei gelesen und ins Englische übersetzt wenn man die Sprache auf Englisch stellt.",
- "toolkit-showcase-link": "Es können sogar links mittels <a href=\"{{- link1}}\">interpolation</a> und escaping dargestellt werden.",
+ "toolkit-showcase-link": "Es können sogar links mittels <a href=\"{{- link1}}\" class=\"links\">interpolation</a> und escaping dargestellt werden.",
"color-mode": "Sollte nicht angezeigt werden. Dieser Text ist nur als test vorhanden.",
"intro": "Sollte nicht angezeigt werden. Dieser Text ist nur als test vorhanden."
},
--
GitLab