From e2657f037e1b08bf80c357858452406c90e17974 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Wed, 24 Feb 2021 11:48:24 +0100
Subject: [PATCH] Improve nextcloud filepicker

---
 .../src/dbp-nextcloud-file-picker.js              | 15 +++++++++------
 packages/file-handling/src/file-sink.js           |  2 +-
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/file-handling/src/dbp-nextcloud-file-picker.js b/packages/file-handling/src/dbp-nextcloud-file-picker.js
index 02a24ad6..2964caf0 100644
--- a/packages/file-handling/src/dbp-nextcloud-file-picker.js
+++ b/packages/file-handling/src/dbp-nextcloud-file-picker.js
@@ -1302,10 +1302,10 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
             
             .inline-block{
                 position: absolute;
-                right: 52px;
+                right: 0px;
                 z-index: 1;
                 background-color: white;
-                bottom: 0px;
+                bottom: -45px;
             }
             
             .addRowAnimation{
@@ -1355,14 +1355,14 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
             
             
             #select-all-wrapper{
-                text-align: center;
+                text-align: right;
             }
 
             .nextcloud-nav a{
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
-                max-width: 100px;
+                max-width: 130px;
             }
             
           
@@ -1376,7 +1376,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 }
                 .add-folder{
                     position: absolute;
-                    bottom: 5px;
                     right: 0px;
                 }
                 .nextcloud-nav{
@@ -1389,7 +1388,11 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
                 
                 .inline-block{    
                     width: inherit;
-                    
+                    position: absolute;
+                    right: 52px;
+                    z-index: 1;
+                    background-color: white;
+                    bottom: 0px;
                 }
                 
                 .add-folder-button{
diff --git a/packages/file-handling/src/file-sink.js b/packages/file-handling/src/file-sink.js
index 4eccabfb..e03de14e 100644
--- a/packages/file-handling/src/file-sink.js
+++ b/packages/file-handling/src/file-sink.js
@@ -287,7 +287,7 @@ export class FileSink extends ScopedElementsMixin(DBPLitElement) {
                             <div class="source-main ${classMap({"hidden": this.activeTarget !== "nextcloud" || this.nextcloudWebDavUrl === "" || this.nextcloudAuthUrl === ""})}">
                                 <dbp-nextcloud-file-picker id="nextcloud-file-picker"
                                                            class="${classMap({hidden: this.nextcloudWebDavUrl === "" || this.nextcloudAuthUrl === ""})}"
-                                                           directories-only
+                                                           directories-only="true"
                                                            max-selected-items="1"
                                                            select-button-text="${i18n.t('file-sink.select-directory')}"
                                                            ?disabled="${this.disabled}"
-- 
GitLab