diff --git a/packages/common/styles.js b/packages/common/styles.js index 4fc234cacc81a7a5dd392f830fb131b51271f40d..2c7a6d8bf03edafc89f7e0cdf974bd8bef9dd31c 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 f70a08d5340d9ea93dd9b7487369653cb95b5347..82cd179c422f10404887df50b7298552539a2fc3 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 6a29657d83403dbbe25634df3450bf72b0f258f1..1604a71e2e47856b9996113566b06b3c88a3c01a 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 b9e9a0161fe8a9b68d5d595f9991ba7e0b119eb7..b15231ac9e8cfbc17065748710a15cfe84dcc765 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%; } + + } /**************************\\