From de70d63e4dbf2f5c09aa3bb47d63cd0617ab1daf Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Wed, 30 Mar 2022 13:09:45 +0200
Subject: [PATCH] Extract tabulator table style from filehandling style
---
packages/common/styles.js | 117 ++++++++++++-
packages/file-handling/src/clipboard.js | 6 +-
.../src/nextcloud-file-picker.js | 20 +--
packages/file-handling/src/styles.js | 162 ++++--------------
4 files changed, 154 insertions(+), 151 deletions(-)
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 8a183886..45577e91 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 5b6c7ee1..7016b99b 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 627840bc..bafcdd52 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 802c4631..b9e9a016 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;
--
GitLab