From 79e379d5ac1930f5652bb09c85eaa15c0fb04360 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Mon, 4 Apr 2022 11:11:23 +0200
Subject: [PATCH] Adapt touchtarget in checkbox filepicker
---
packages/common/styles.js | 6 +++++-
packages/file-handling/src/clipboard.js | 9 +--------
packages/file-handling/src/nextcloud-file-picker.js | 12 ++----------
packages/file-handling/src/styles.js | 13 +++++++++++--
4 files changed, 19 insertions(+), 21 deletions(-)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 4fc234ca..2c7a6d8b 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -1453,11 +1453,15 @@ export function getTabulatorStyles() {
padding-bottom: 10px;
}
- /* Toggle Button Styles */
+ /* Toggle Button Styles */
.tabulator-row .tabulator-responsive-collapse {
border: none;
}
+ .tabulator-row .tabulator-cell.tabulator-row-handle{
+ padding: 0px;
+ }
+
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
height: 100%;
width: 100%;
diff --git a/packages/file-handling/src/clipboard.js b/packages/file-handling/src/clipboard.js
index f70a08d5..82cd179c 100644
--- a/packages/file-handling/src/clipboard.js
+++ b/packages/file-handling/src/clipboard.js
@@ -153,7 +153,7 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
'</label>',
field: 'type',
hozAlign: 'center',
- width: 50,
+ width: 40,
headerSort: false,
responsive: 1,
formatter: (cell, formatterParams, onRendered) => {
@@ -930,10 +930,6 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
position: relative;
}
- .select-all-icon {
- height: 30px;
- }
-
.clipboard-footer {
background-color: var(--dbp-base);
width: 100%;
@@ -1006,9 +1002,6 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
height: 15px;
}
*/
- .select-all-icon {
- height: 32px;
- }
.btn-flex-container-mobile {
flex-direction: column;
diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js
index 6a29657d..1604a71e 100644
--- a/packages/file-handling/src/nextcloud-file-picker.js
+++ b/packages/file-handling/src/nextcloud-file-picker.js
@@ -198,7 +198,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
field: 'type',
hozAlign: 'center',
- width: 50,
+ width: 40,
headerSort: false,
responsive: 1,
formatter: (cell, formatterParams, onRendered) => {
@@ -2879,11 +2879,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
width: 100%;
}
-
- .select-all-icon {
- height: 30px;
- }
-
.remember-container {
display: inline-block;
line-height: 28px;
@@ -2892,6 +2887,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.remember-container .checkmark {
left: 7px;
+ top: 3px;
}
.more-menu {
@@ -3075,10 +3071,6 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
.hidden {
display: none;
}
-
- .select-all-icon {
- height: 32px;
- }
}
`;
}
diff --git a/packages/file-handling/src/styles.js b/packages/file-handling/src/styles.js
index b9e9a016..b15231ac 100644
--- a/packages/file-handling/src/styles.js
+++ b/packages/file-handling/src/styles.js
@@ -119,8 +119,8 @@ export function getFileHandlingCss() {
.checkmark {
height: 20px;
width: 20px;
- left: 14px;
- top: 5px;
+ left: 10px;
+ top: 7px;
}
.button-container .checkmark::after {
@@ -163,6 +163,13 @@ export function getFileHandlingCss() {
width: 100%;
white-space: nowrap;
}
+
+
+ .select-all-icon {
+ height: 40px;
+ position: absolute;
+ top: -34px;
+ }
@media only screen and (orientation: portrait) and (max-width: 768px) {
.tabulator .tabulator-tableHolder {
@@ -174,6 +181,8 @@ export function getFileHandlingCss() {
height: 100%;
max-width: 100%;
}
+
+
}
/**************************\\
--
GitLab