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