From d165f879abf8379884a5de5f6954bcfeba5eb292 Mon Sep 17 00:00:00 2001 From: Tamara Steinwender <tamara.steinwender@tugraz.at> Date: Tue, 7 Dec 2021 12:42:51 +0100 Subject: [PATCH] Fix icons --- packages/app-shell/src/app-shell.js | 2 +- packages/file-handling/src/nextcloud-file-picker.js | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/app-shell/src/app-shell.js b/packages/app-shell/src/app-shell.js index 2bbe339e..b35a59d1 100644 --- a/packages/app-shell/src/app-shell.js +++ b/packages/app-shell/src/app-shell.js @@ -643,7 +643,7 @@ export class AppShell extends ScopedElementsMixin(DBPLitElement) { aside .subtitle { display: none; - color: #4a4a4a; + color: var(--dbp-text-dark); font-size: 1.25rem; font-weight: 300; line-height: 1.25; diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js index 91209016..e33add26 100644 --- a/packages/file-handling/src/nextcloud-file-picker.js +++ b/packages/file-handling/src/nextcloud-file-picker.js @@ -159,6 +159,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { this.updateComplete.then(() => { // see: https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage window.addEventListener('message', this._onReceiveWindowMessage); + // see: http://tabulator.info/docs/4.7 this.tabulatorTable = new Tabulator(this._("#directory-content-table"), { layout: "fitColumns", @@ -191,7 +192,10 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { const icon_tag = that.getScopedTagName("dbp-icon"); let disabled = this.directoriesOnly ? "nextcloud-picker-icon-disabled" : ""; let icon = `<${icon_tag} name="empty-file" class="nextcloud-picker-icon ` + disabled + `"></${icon_tag}>`; - return (cell.getValue() === "directory") ? `<${icon_tag} name="folder" class="nextcloud-picker-icon"></${icon_tag}>` : icon; + let html = (cell.getValue() === "directory") ? `<${icon_tag} name="folder" class="nextcloud-picker-icon"></${icon_tag}>` : icon; + let div = this.shadowRoot.createElement("div"); + div.innerHTML = html; + return div; } }, { -- GitLab