From 5e3e9d4fe765f69b6787d3a92034a853d54eca21 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Thu, 24 Jun 2021 10:37:02 +0200
Subject: [PATCH] Add collapsed collumns to clipboard
---
packages/file-handling/src/clipboard.js | 19 ++++++++++++-------
1 file changed, 12 insertions(+), 7 deletions(-)
diff --git a/packages/file-handling/src/clipboard.js b/packages/file-handling/src/clipboard.js
index d365dde6..e7b758a3 100644
--- a/packages/file-handling/src/clipboard.js
+++ b/packages/file-handling/src/clipboard.js
@@ -103,10 +103,11 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
layout: "fitColumns",
selectable: true,
selectableRangeMode: "drag",
- responsiveLayout: true,
+ responsiveLayout:"collapse",
resizableColumns: false,
placeholder: i18n.t("clipboard.no-data"),
columns: [
+ {formatter:"responsiveCollapse", width:30, minWidth:30, align:"center", resizable:false, headerSort:false},
{
title: "",
field: "type",
@@ -761,6 +762,10 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
margin-top: 0px;
}
+ .tabulator-row .tabulator-responsive-collapse{
+ border: none;
+ }
+
@media only screen
and (orientation: portrait)
and (max-device-width: 765px) {
@@ -788,15 +793,15 @@ export class Clipboard extends ScopedElementsMixin(AdapterLitElement) {
}
.checkmark{
- height: 30px;
- width:30px;
- left: 0px;
- top: 2px;
+ height: 25px;
+ width:25px;
+ left: 2px;
+ top: 6px;
}
.button-container .checkmark::after{
- left: 11px;
- top: 4px;
+ left: 8px;
+ top: 2px;
width: 8px;
height: 15px;
}
--
GitLab