diff --git a/packages/common/styles.js b/packages/common/styles.js
index 8a183886b1cd7ac02355300f2180d3837cd14d26..45577e9197e84e4505e708a9979a325f4e8584fb 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -1401,6 +1401,119 @@ export function getLinkCss() {
export function getTabulatorStyles() {
// language=css
return css`
+
+
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
+ font-weight: normal;
+ font-size: 1rem;
+ }
+
+ .tabulator .tabulator-header,
+ .tabulator .tabulator-header,
+ .tabulator .tabulator-header .tabulator-col,
+ .tabulator,
+ .tabulator-row .tabulator-cell,
+ .tabulator-row.tabulator-row-even,
+ .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
+ background-color: unset;
+ background: unset;
+ color: unset;
+ border: none;
+ font-size: 1rem;
+ }
+
+ .tabulator-row,
+ .tabulator-row.tabulator-row-even {
+ background-color: var(--dbp-background);
+ }
+
+ .tabulator-row.tabulator-selectable.tabulator-selectable:hover {
+ background-color: var(--dbp-hover-background-color, var(--dbp-background));
+ color: var(--dbp-hover-color, var(--dbp-content));
+ }
+
+ .tabulator-row.tabulator-selectable.tabulator-selected:hover,
+ .tabulator-row.tabulator-selected {
+ background-color: var(--dbp-hover-background-color, var(--dbp-content-surface));
+ color: var(--dbp-hover-color, var(--dbp-on-content-surface));
+ }
+
+ .tabulator-row,
+ .tabulator-row.tabulator-row-even {
+ border-top: 1px solid #eee;
+ color: var(--dbp-content);
+ }
+
+ .tabulator-row.tabulator-row-even.tabulator-selected {
+ color: var(--dbp-hover-color, var(--dbp-on-content-surface));
+ }
+
+ .tabulator-header {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ }
+
+ /* Toggle Button Styles */
+ .tabulator-row .tabulator-responsive-collapse {
+ border: none;
+ }
+
+ .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
+ height: 100%;
+ width: 100%;
+ background-color: unset;
+ }
+
+ .tabulator-responsive-collapse-toggle-open,
+ .tabulator-responsive-collapse-toggle-close {
+ content: none;
+ visibility: hidden;
+ }
+
+
+ .tabulator-responsive-collapse-toggle-open::after,
+ .tabulator-responsive-collapse-toggle-close::after {
+ content: '\\00a0\\00a0\\00a0\\00a0\\00a0';
+ background-color: var(--dbp-content);
+ -webkit-mask-repeat: no-repeat;
+ mask-repeat: no-repeat;
+ -webkit-mask-position: center -2px;
+ mask-position: center center;
+ margin: 0 0 0 4px;
+ padding: 0 0 0.25% 0;
+ -webkit-mask-size: 100%;
+ mask-size: 100%;
+ visibility: visible;
+ }
+
+ .tabulator-responsive-collapse-toggle-open::after {
+ -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yOS42LDk3LjZsNDQuMi00NC40YzAuOS0wLjksMS4zLTIuMSwxLjMtMy4zYzAtMS4yLTAuNS0yLjQtMS4zLTMuM0wyOS42LDIuNGMtMS4xLTEuMS0yLjgtMS4xLTMuOSwwCgljLTAuNSwwLjUtMC44LDEuMi0wLjgsMS45YzAsMC43LDAuMywxLjQsMC44LDEuOWw0My42LDQzLjZMMjUuNyw5My43Yy0xLjEsMS4xLTEuMSwyLjgsMCwzLjlDMjYuOCw5OC43LDI4LjUsOTguNywyOS42LDk3LjZ6Ii8+Cjwvc3ZnPgo=');
+ mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yOS42LDk3LjZsNDQuMi00NC40YzAuOS0wLjksMS4zLTIuMSwxLjMtMy4zYzAtMS4yLTAuNS0yLjQtMS4zLTMuM0wyOS42LDIuNGMtMS4xLTEuMS0yLjgtMS4xLTMuOSwwCgljLTAuNSwwLjUtMC44LDEuMi0wLjgsMS45YzAsMC43LDAuMywxLjQsMC44LDEuOWw0My42LDQzLjZMMjUuNyw5My43Yy0xLjEsMS4xLTEuMSwyLjgsMCwzLjlDMjYuOCw5OC43LDI4LjUsOTguNywyOS42LDk3LjZ6Ii8+Cjwvc3ZnPgo=');
+ }
+
+ .tabulator-responsive-collapse-toggle-close::after {
+ -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yLjQsMjkuNmw0NC40LDQ0LjJjMC45LDAuOSwyLjEsMS4zLDMuMywxLjNjMS4yLDAsMi40LTAuNSwzLjMtMS4zbDQ0LjItNDQuMmMxLjEtMS4xLDEuMS0yLjgsMC0zLjkKCWMtMC41LTAuNS0xLjItMC44LTEuOS0wLjhjLTAuNywwLTEuNCwwLjMtMS45LDAuOEw1MC4xLDY5LjNMNi4zLDI1LjdjLTEuMS0xLjEtMi44LTEuMS0zLjksMEMxLjMsMjYuOCwxLjMsMjguNSwyLjQsMjkuNnoiLz4KPC9zdmc+Cg==');
+ mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yLjQsMjkuNmw0NC40LDQ0LjJjMC45LDAuOSwyLjEsMS4zLDMuMywxLjNjMS4yLDAsMi40LTAuNSwzLjMtMS4zbDQ0LjItNDQuMmMxLjEtMS4xLDEuMS0yLjgsMC0zLjkKCWMtMC41LTAuNS0xLjItMC44LTEuOS0wLjhjLTAuNywwLTEuNCwwLjMtMS45LDAuOEw1MC4xLDY5LjNMNi4zLDI1LjdjLTEuMS0xLjEtMi44LTEuMS0zLjksMEMxLjMsMjYuOCwxLjMsMjguNSwyLjQsMjkuNnoiLz4KPC9zdmc+Cg==');
+ margin-left: 6px;
+ }
+
+ .tabulator-responsive-collapse-toggle-open:hover::after,
+ .tabulator-responsive-collapse-toggle-close:hover::after {
+ background-color: var(--dbp-hover-color, var(--dbp-content));
+ }
+
+ .tabulator-selected .tabulator-responsive-collapse-toggle-open::after,
+ .tabulator-selected .tabulator-responsive-collapse-toggle-close::after {
+ background-color: var(--dbp-hover-color, var(--dbp-on-content-surface));
+ }
+
+ .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles .tabulator-responsive-collapse-toggle-close::after,
+ .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles:hover .tabulator-responsive-collapse-toggle-close::after,
+ .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles .tabulator-responsive-collapse-toggle-open::after,
+ .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles:hover .tabulator-responsive-collapse-toggle-open::after {
+ background-color: var(--dbp-content);
+ }
+
/* Define the style when the column is not sorted */
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{
border-top: none;
@@ -1426,8 +1539,8 @@ export function getTabulatorStyles() {
}
.tabulator-row .tabulator-cell{
- padding-top: 15px;
- padding-bottom: 15px;
+ padding-top: 12px;
+ padding-bottom: 12px;
}
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
diff --git a/packages/file-handling/src/clipboard.js b/packages/file-handling/src/clipboard.js
index 5b6c7ee1987b270c02d7466f288d3cf04d70830b..7016b99b4e2431e803307db553fa129a988a1cbe 100644
--- a/packages/file-handling/src/clipboard.js
+++ b/packages/file-handling/src/clipboard.js
@@ -133,6 +133,7 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
placeholder: i18n.t('clipboard.no-data'),
responsiveLayout: 'collapse',
responsiveLayoutCollapseStartOpen: false,
+ columnHeaderVertAlign: 'middle',
columnDefaults: {
vertAlign: 'middle',
hozAlign: 'left',
@@ -990,20 +991,21 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
display: block;
}
- .checkmark {
+ /* .checkmark {
height: 25px;
width: 25px;
left: 9px;
top: 2px;
}
+
.button-container .checkmark::after {
left: 8px;
top: 2px;
width: 8px;
height: 15px;
}
-
+*/
.select-all-icon {
height: 32px;
}
diff --git a/packages/file-handling/src/nextcloud-file-picker.js b/packages/file-handling/src/nextcloud-file-picker.js
index 627840bcda381f5388dc58ffc94a36d6f76a431c..bafcdd52be7be6a41fa22081c06aa444d1246d2a 100644
--- a/packages/file-handling/src/nextcloud-file-picker.js
+++ b/packages/file-handling/src/nextcloud-file-picker.js
@@ -176,6 +176,7 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
: i18n.t('nextcloud-file-picker.no-data-type'),
responsiveLayout: 'collapse',
responsiveLayoutCollapseStartOpen: false,
+ columnHeaderVertAlign: 'middle',
columnDefaults: {
vertAlign: 'middle',
hozAlign: 'left',
@@ -2882,28 +2883,15 @@ export class NextcloudFilePicker extends ScopedElementsMixin(DBPLitElement) {
#replace-modal .checkmark {
height: 20px;
width: 20px;
- left: 1px;
- top: 0px;
+ left: 15px;
+ top: 5px;
}
-
- .checkmark {
- height: 20px;
- width: 20px;
- left: 11px;
- top: 4px;
- }
-
+
.table-wrapper {
max-width: 100%;
width: 100%;
}
- .button-container .checkmark::after {
- left: 6px;
- top: 1px;
- width: 5px;
- height: 11px;
- }
.select-all-icon {
height: 30px;
diff --git a/packages/file-handling/src/styles.js b/packages/file-handling/src/styles.js
index 802c46319a815495d33d16ad9ac4dda04c80e06e..b9e9a0161fe8a9b68d5d595f9991ba7e0b119eb7 100644
--- a/packages/file-handling/src/styles.js
+++ b/packages/file-handling/src/styles.js
@@ -111,152 +111,52 @@ export function getFileHandlingCss() {
Tabulator table styles
\\*********************************/
- .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
- padding-top: 4px;
- padding-bottom: 4px;
- font-weight: normal;
- font-size: 1rem;
- }
-
-
- .tabulator .tabulator-header,
- .tabulator .tabulator-header,
- .tabulator .tabulator-header .tabulator-col,
- .tabulator,
- .tabulator-row .tabulator-cell,
- .tabulator-row.tabulator-row-even,
- .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
- background-color: unset;
- background: unset;
- color: unset;
- border: none;
- font-size: 1rem;
- }
-
- .tabulator-row,
- .tabulator-row.tabulator-row-even {
- background-color: var(--dbp-background);
- }
-
- .tabulator-row.tabulator-selectable.tabulator-selectable:hover {
- background-color: var(--dbp-hover-background-color, var(--dbp-background));
- color: var(--dbp-hover-color, var(--dbp-content));
- }
-
- .tabulator-row.tabulator-selectable.tabulator-selected:hover,
- .tabulator-row.tabulator-selected {
- background-color: var(--dbp-hover-background-color, var(--dbp-content-surface));
- color: var(--dbp-hover-color, var(--dbp-on-content-surface));
- }
-
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
display: inline-flex;
+ padding: 0px;
}
- .tabulator-row,
- .tabulator-row.tabulator-row-even {
- border-top: 1px solid #eee;
- color: var(--dbp-content);
- }
-
- .tabulator-row.tabulator-row-even.tabulator-selected {
- color: var(--dbp-hover-color, var(--dbp-on-content-surface));
+ .checkmark {
+ height: 20px;
+ width: 20px;
+ left: 14px;
+ top: 5px;
}
-
- .tabulator-header {
- padding-top: 10px;
- padding-bottom: 10px;
- }
-
- .tabulator .tabulator-tableHolder {
- overflow: hidden;
- }
-
- .tabulator .tabulator-tableHolder .tabulator-placeholder span {
- font-size: inherit;
- font-weight: inherit;
- color: inherit;
+
+ .button-container .checkmark::after {
+ left: 7px;
+ top: 2px;
+ width: 5px;
+ height: 11px;
}
-
+
+
+ /*.tabulator .tabulator-tableHolder {*/
+ /* overflow: hidden;*/
+ /*}*/
+
+
.force-no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
-
- .tabulator .tabulator-tableHolder {
- /* height: unset !important; /*TODO find a better way to do this*/
- }
-
- .tabulator-row .tabulator-responsive-collapse {
- border: none;
- }
-
- .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
- height: 100%;
- width: 100%;
- background-color: unset;
- }
-
- .tabulator-responsive-collapse-toggle-open,
- .tabulator-responsive-collapse-toggle-close {
- content: none;
- visibility: hidden;
- }
-
- .tabulator-responsive-collapse-toggle-open::after,
- .tabulator-responsive-collapse-toggle-close::after {
- content: '\\00a0\\00a0\\00a0\\00a0\\00a0';
- background-color: var(--dbp-content);
- -webkit-mask-repeat: no-repeat;
- mask-repeat: no-repeat;
- -webkit-mask-position: center -2px;
- mask-position: center center;
- margin: 0 0 0 4px;
- padding: 0 0 0.25% 0;
- -webkit-mask-size: 100%;
- mask-size: 100%;
- visibility: visible;
- }
+ /*.tabulator .tabulator-tableHolder {*/
+ /* !* height: unset !important; !*TODO find a better way to do this*!*/
+ /*}*/
- .tabulator-responsive-collapse-toggle-open::after {
- -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yOS42LDk3LjZsNDQuMi00NC40YzAuOS0wLjksMS4zLTIuMSwxLjMtMy4zYzAtMS4yLTAuNS0yLjQtMS4zLTMuM0wyOS42LDIuNGMtMS4xLTEuMS0yLjgtMS4xLTMuOSwwCgljLTAuNSwwLjUtMC44LDEuMi0wLjgsMS45YzAsMC43LDAuMywxLjQsMC44LDEuOWw0My42LDQzLjZMMjUuNyw5My43Yy0xLjEsMS4xLTEuMSwyLjgsMCwzLjlDMjYuOCw5OC43LDI4LjUsOTguNywyOS42LDk3LjZ6Ii8+Cjwvc3ZnPgo=');
- mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yOS42LDk3LjZsNDQuMi00NC40YzAuOS0wLjksMS4zLTIuMSwxLjMtMy4zYzAtMS4yLTAuNS0yLjQtMS4zLTMuM0wyOS42LDIuNGMtMS4xLTEuMS0yLjgtMS4xLTMuOSwwCgljLTAuNSwwLjUtMC44LDEuMi0wLjgsMS45YzAsMC43LDAuMywxLjQsMC44LDEuOWw0My42LDQzLjZMMjUuNyw5My43Yy0xLjEsMS4xLTEuMSwyLjgsMCwzLjlDMjYuOCw5OC43LDI4LjUsOTguNywyOS42LDk3LjZ6Ii8+Cjwvc3ZnPgo=');
- }
-
- .tabulator-responsive-collapse-toggle-close::after {
- -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yLjQsMjkuNmw0NC40LDQ0LjJjMC45LDAuOSwyLjEsMS4zLDMuMywxLjNjMS4yLDAsMi40LTAuNSwzLjMtMS4zbDQ0LjItNDQuMmMxLjEtMS4xLDEuMS0yLjgsMC0zLjkKCWMtMC41LTAuNS0xLjItMC44LTEuOS0wLjhjLTAuNywwLTEuNCwwLjMtMS45LDAuOEw1MC4xLDY5LjNMNi4zLDI1LjdjLTEuMS0xLjEtMi44LTEuMS0zLjksMEMxLjMsMjYuOCwxLjMsMjguNSwyLjQsMjkuNnoiLz4KPC9zdmc+Cg==');
- mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzJfMV8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik0yLjQsMjkuNmw0NC40LDQ0LjJjMC45LDAuOSwyLjEsMS4zLDMuMywxLjNjMS4yLDAsMi40LTAuNSwzLjMtMS4zbDQ0LjItNDQuMmMxLjEtMS4xLDEuMS0yLjgsMC0zLjkKCWMtMC41LTAuNS0xLjItMC44LTEuOS0wLjhjLTAuNywwLTEuNCwwLjMtMS45LDAuOEw1MC4xLDY5LjNMNi4zLDI1LjdjLTEuMS0xLjEtMi44LTEuMS0zLjksMEMxLjMsMjYuOCwxLjMsMjguNSwyLjQsMjkuNnoiLz4KPC9zdmc+Cg==');
- margin-left: 6px;
- }
-
- .tabulator-responsive-collapse-toggle-open:hover::after,
- .tabulator-responsive-collapse-toggle-close:hover::after {
- background-color: var(--dbp-hover-color, var(--dbp-content));
- }
-
- .tabulator-selected .tabulator-responsive-collapse-toggle-open::after,
- .tabulator-selected .tabulator-responsive-collapse-toggle-close::after {
- background-color: var(--dbp-hover-color, var(--dbp-on-content-surface));
- }
-
- .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles .tabulator-responsive-collapse-toggle-close::after,
- .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles:hover .tabulator-responsive-collapse-toggle-close::after,
- .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles .tabulator-responsive-collapse-toggle-open::after,
- .tabulator-row.tabulator-selectable.tabulator-selected.no-select-styles:hover .tabulator-responsive-collapse-toggle-open::after{
- background-color: var(--dbp-content);
- }
-
- .tabulator-row-handle {
+
+
+ /* .tabulator-row-handle {
padding: 0px !important;
- }
-
- .tabulator .tabulator-header .tabulator-col {
- min-height: 37px !important;
- }
-
+ }*/
+
+ /*.tabulator .tabulator-header .tabulator-col {*/
+ /* min-height: 37px !important;*/
+ /*}*/
+
.filename{
overflow: hidden;
text-overflow: ellipsis;