diff --git a/packages/common/src/translation.js b/packages/common/src/translation.js index d1341e303ae9493aa6c76a23499ff0f726432593..7a65921072dea68dd6cfa32029c2bb02d668ae33 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 c1127c410d691b30e0a5199e3cc15c4570a3a0f1..5a89e9d1d3a788c37f8c61658c74d8a3b0a1d0be 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." },