From 154feb0803b55955feb92f9b18bc0c7985ea0698 Mon Sep 17 00:00:00 2001
From: Christina Toegl <toegl@tugraz.at>
Date: Tue, 7 Dec 2021 16:07:17 +0100
Subject: [PATCH] Add condition for short breadcrumb
---
.../src/nextcloud-file-picker.js | 42 +++++++++++--------
1 file changed, 24 insertions(+), 18 deletions(-)
diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js
index 546ae301..efa586bc 100644
--- a/packages/file-handling/src/nextcloud-file-picker.js
+++ b/packages/file-handling/src/nextcloud-file-picker.js
@@ -1888,7 +1888,10 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
}
let length = htmlpath.length;
- if (length > 3) { //TODO && only if mobile
+ let width = window.innerWidth;
+ console.log ("window width", width);
+
+ if (length > 3 && width <= 768) { //breadcrumb longer than 3 && only for mobile view
let path_temp = [];
@@ -1953,7 +1956,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
let maxWidth = this._('.wrapper').offsetWidth;
console.log ("offsetWidth", maxWidth);
-
let actualHeight = this._('.wrapper').offsetHeight - this._('.nextcloud-nav').offsetHeight;
console.log("actual height: ", actualHeight);
@@ -2007,22 +2009,23 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
menu.classList.toggle('hidden'); //sets hidden or removes it
+ // TODO: fix or delete
// computations for overflow - begin
- if (this.menuHeightAdditional === -1) {
- this.menuHeightAdditional = menu.clientHeight;
- }
+ // if (this.menuHeightAdditional === -1) {
+ // this.menuHeightAdditional = menu.clientHeight;
+ // }
- let topValue = menuStart.getBoundingClientRect().bottom;
- let isMenuOverflow = this.menuHeightAdditional + topValue >= window.innerHeight ? true : false;
+ // let topValue = menuStart.getBoundingClientRect().bottom;
+ // let isMenuOverflow = this.menuHeightAdditional + topValue >= window.innerHeight ? true : false;
- if (isMenuOverflow && !menu.classList.contains('hidden')) {
- menu.setAttribute('style', 'position: fixed;top: ' + topValue + 'px;bottom: 0;border-bottom: 0;overflow-y: auto;');
- menu.scrollTop = 0;
- document.body.setAttribute('style', 'overflow:hidden;');
- } else if (isMenuOverflow && menu.classList.contains('hidden')) {
- document.body.removeAttribute('style', 'overflow:hidden;');
- menu.removeAttribute('style');
- }
+ // if (isMenuOverflow && !menu.classList.contains('hidden')) {
+ // menu.setAttribute('style', 'position: fixed;top: ' + topValue + 'px;bottom: 0;border-bottom: 0;overflow-y: auto;');
+ // menu.scrollTop = 0;
+ // document.body.setAttribute('style', 'overflow:hidden;');
+ // } else if (isMenuOverflow && menu.classList.contains('hidden')) {
+ // document.body.removeAttribute('style', 'overflow:hidden;');
+ // menu.removeAttribute('style');
+ // }
// computations for overflow - end
if (!menu.classList.contains('hidden')) { // add event listener for clicking outside of menu
@@ -2066,8 +2069,12 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
width: 100%;
}
+ .nextcloud-header.hidden {
+ display: none!important;
+ }
+
.nextcloud-header {
- padding-bottom: 10px;
+ padding-bottom: 40px; /**10px**/
height: 33px; /** TODO verify or change **/
}
@@ -2103,7 +2110,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
background-color: white;
z-index: 1000;
/** display: grid; **/
- /** max-width: 87.5%; TODO does not work everywhere, find a better solution **/
}
.extended-breadcrumb-menu a:hover {
@@ -2315,7 +2321,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.additional-menu {
white-space: nowrap;
height: 33px;
- /** margin-right: 10px; 5px */
+ margin-right: -8px
}
.nextcloud-nav p {
--
GitLab