diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js index d228d9e8ef0ca30b2a0588543930f2ee83c88a1f..f365ab955b71cf9f13157d17f15f1400b56335ea 100644 --- a/packages/file-handling/src/nextcloud-file-picker.js +++ b/packages/file-handling/src/nextcloud-file-picker.js @@ -1948,6 +1948,11 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { i18n.t('nextcloud-file-picker.new-folder-placeholder') + '" />'; + let mimeElement = that._('#new-folder-row').querySelector('div.tabulator-cell[tabulator-field="mime"]'); + if (window.getComputedStyle(mimeElement).display === "none") { + that._('#tf-new-folder').classList.add('smaller'); + } + const icon_tag = that.getScopedTagName("dbp-icon"); let html = `<${icon_tag} name="checkmark-circle" class="new-folder-checkmark-icon"></${icon_tag}>`; that._('#new-folder-row').innerHTML += '<button class="button" title="" id="new-folder-row-btn">' + html + '</button>'; @@ -2612,8 +2617,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { /* font-weight: 300; */ border: none; background: transparent; - /** width: 100%; */ - width: calc(100% - 42px); height: 100%; } @@ -2650,13 +2653,16 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) { input[type='text']#tf-new-folder { border: 0px; background: transparent; - /**width: 100%;*/ - width: calc(100% - 42px); + width: 100%; height: 100%; margin-left: -8px; color: white; } + input[type='text']#tf-new-folder.smaller { + width: calc(100% - 42px); + } + .new-folder-selected::after { filter: invert(100%); }