Skip to content
Snippets Groups Projects
Commit 3635658e authored by Kocher, Manuel's avatar Kocher, Manuel
Browse files

Add commonStyles to dbp-translation component

parent d77079af
Branches
No related tags found
No related merge requests found
Pipeline #187940 passed
import {css, html} from 'lit'; import {css, html} from 'lit';
import {unsafeHTML} from 'lit/directives/unsafe-html.js'; import {unsafeHTML} from 'lit/directives/unsafe-html.js';
import DBPLitElement from '../dbp-lit-element'; import DBPLitElement from '../dbp-lit-element';
import * as commonStyles from '../styles.js';
import {createInstanceGivenResources, setOverridesByGlobalCache} from './i18n.js'; import {createInstanceGivenResources, setOverridesByGlobalCache} from './i18n.js';
export class Translation extends DBPLitElement { export class Translation extends DBPLitElement {
...@@ -26,20 +27,25 @@ export class Translation extends DBPLitElement { ...@@ -26,20 +27,25 @@ export class Translation extends DBPLitElement {
static get styles() { static get styles() {
// language=css // language=css
return css` return [
.hidden {
display: none; commonStyles.getThemeCSS(),
} commonStyles.getGeneralCSS(),
.links { css`
border-bottom: var(--dbp-border); .hidden {
border-color: var(--dbp-content); display: none;
padding: 0; }
transition: background-color 0.15s ease 0s, color 0.15s ease 0s; .links {
color: var(--dbp-content); border-bottom: var(--dbp-border);
cursor: pointer; border-color: var(--dbp-content);
text-decoration: none; padding: 0;
} transition: background-color 0.15s ease 0s, color 0.15s ease 0s;
`; color: var(--dbp-content);
cursor: pointer;
text-decoration: none;
}
`,
];
} }
connectedCallback() { connectedCallback() {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment