From 34b907d21376b953bbc895f49ab234d6d8e3c194 Mon Sep 17 00:00:00 2001 From: Maxim Chervonny Date: Fri, 12 May 2023 12:20:27 +0300 Subject: [PATCH 1/2] Enable user-select for perspecitve table --- catalog/app/assets/perspective-material-mono.css | 4 ++++ catalog/app/assets/perspective-material.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/catalog/app/assets/perspective-material-mono.css b/catalog/app/assets/perspective-material-mono.css index 69273b9523b..f7e554eeb08 100644 --- a/catalog/app/assets/perspective-material-mono.css +++ b/catalog/app/assets/perspective-material-mono.css @@ -18,3 +18,7 @@ */ perspective-viewer,perspective-viewer[theme="Material Light Mono"]{--theme-name: "Material Light Mono"}perspective-viewer[theme="Material Light Mono"],.perspective-viewer-material{--button--font-size: 20px;--config-button--padding: 12px 16px 8px 0;--column-drop-label--font-size: 8px;--column-drop-container--padding: 0px;--column-drop-label--display: inline-block;--column-selector--width: 24px;--column-selector--font-size: 16px;--column_type--width: 25px;--select--padding: 0px;--side-panel--padding: 12px 0px 6px 8px;--top-panel--padding: 0px 0px 12px 0px;--top-panel-row--display: inline-flex;color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319;font-family:"Roboto Mono";--preload-fonts: "Roboto Mono:400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons";--group_by--content: "Group By";--split_by--content: "Split By";--inactive-column-selector--content: "\e835";--active-column-selector--content: "\e834";--config-button-icon--content: "more_vert";--overflow-hint-icon--content: "error_outline";--status-icon--content: "circle";--reset-button-icon--content: "refresh";--export-button-icon--content: "download";--copy-button-icon--content: "content_copy";--save-button-icon--content: "save";--theme-button-icon--content: "palette";--sort-order-asc--content: "arrow_upward";--sort-order-desc--content: "arrow_downward";--sort-order-none--content: "remove";--sort-order-col-asc--content: "arrow_forward";--sort-order-col-desc--content: "arrow_back";--column-add--content: "add";--column-close--content: "close";--d3fc-y1-label--content: "arrow_upward";--d3fc-y2-label--content: "arrow_downward";--d3fc-treedata-axis--lines: none;--d3fc-tooltip--background--color: rgba(155, 155, 155, .8);--d3fc-tooltip--color: #161616;--d3fc-tooltip--border-color: #fff;--d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);--d3fc-gridline--color: #eaedef;--d3fc-axis-ticks--color: #161616;--d3fc-axis--lines: #c5c9d0;--d3fc-legend--background: rgba(255, 255, 255, .8);--d3fc-series: rgba(31, 119, 180, .5);--d3fc-series-1: #0366d6;--d3fc-series-2: #ff7f0e;--d3fc-series-3: #2ca02c;--d3fc-series-4: #d62728;--d3fc-series-5: #9467bd;--d3fc-series-6: #8c564b;--d3fc-series-7: #e377c2;--d3fc-series-8: #7f7f7f;--d3fc-series-9: #bcbd22;--d3fc-series-10: #17becf;--d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);--d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);--d3fc-negative--gradient: linear-gradient(#feeb65 100%, #e4521b 70%, #4d342f 0%);--rt-pos-cell--color: #338dcd;--rt-neg-cell--color: #ff471e;--column-style-open-button--content: "menu";--column-style-close-button--content: "expand_less";--tree-label-collapse--content: "remove";--tree-label-expand--content: "add"}perspective-viewer[theme="Material Light Mono"] regular-table::-webkit-scrollbar-thumb,.perspective-viewer-material regular-table::-webkit-scrollbar-thumb{background-color:#e0e4e9}perspective-viewer[theme="Material Light Mono"] regular-table,.perspective-viewer-material regular-table{mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);-webkit-mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);mask-position:-12px -12px,bottom right,bottom right;-webkit-mask-position:-12px -12px,bottom right,bottom right;mask-size:100% 100%,12px 1000%,1000% 12px;-webkit-mask-size:100% 100%,12px 1000%,1000% 12px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:-webkit-mask-position .3s,mask-position .3s}perspective-viewer[theme="Material Light Mono"] regular-table:hover,.perspective-viewer-material regular-table:hover{mask-position:-12px -12px,top right,bottom left;-webkit-mask-position:-12px -12px,top right,bottom left}perspective-number-column-style[theme="Material Light Mono"],perspective-string-column-style[theme="Material Light Mono"],perspective-expression-editor[theme="Material Light Mono"],.perspective-modal-material{font-family:"Roboto Mono";--preload-fonts: "Roboto Mono:400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons";color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319;background-color:#fff;--column-style-pos-color--content: "add";--column-style-neg-color--content: "remove";--save-button-icon--content: "save";--reset-button-icon--content: "refresh";--column-style-radio--appearance: none;--column-style-radio-checked--content: "radio_button_checked";--column-style-radio-unchecked--content: "radio_button_unchecked"}.perspective-viewer-material--dimensions{--button--font-size: 16px;--config-button--padding: 15px 8px 6px 8px;--column-drop-label--font-size: 8px;--column-drop-container--padding: 0px;--column-drop-label--display: inline-block;--column-selector--width: 24px;--column-selector--font-size: 16px;--column_type--width: 25px;--select--padding: 0px;--side-panel--padding: 12px 0px 6px 8px;--top-panel--padding: 0px 0px 12px 0px;--top-panel-row--display: inline-flex}.perspective-viewer-material--colors{color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319}.perspective-viewer-material--fonts{font-family:"Roboto Mono";--preload-fonts: "Roboto Mono:400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons"}.perspective-viewer-material--intl{--group_by--content: "Group By";--split_by--content: "Split By";--inactive-column-selector--content: "\e835";--active-column-selector--content: "\e834";--config-button-icon--content: "more_vert";--overflow-hint-icon--content: "error_outline";--status-icon--content: "circle";--reset-button-icon--content: "refresh";--export-button-icon--content: "download";--copy-button-icon--content: "content_copy";--save-button-icon--content: "save";--theme-button-icon--content: "palette";--sort-order-asc--content: "arrow_upward";--sort-order-desc--content: "arrow_downward";--sort-order-none--content: "remove";--sort-order-col-asc--content: "arrow_forward";--sort-order-col-desc--content: "arrow_back";--column-add--content: "add";--column-close--content: "close"}.perspective-viewer-material--d3fc{--d3fc-y1-label--content: "arrow_upward";--d3fc-y2-label--content: "arrow_downward";--d3fc-treedata-axis--lines: none;--d3fc-tooltip--background--color: rgba(155, 155, 155, .8);--d3fc-tooltip--color: #161616;--d3fc-tooltip--border-color: #fff;--d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);--d3fc-gridline--color: #eaedef;--d3fc-axis-ticks--color: #161616;--d3fc-axis--lines: #c5c9d0;--d3fc-legend--background: rgba(255, 255, 255, .8);--d3fc-series: rgba(31, 119, 180, .5);--d3fc-series-1: #0366d6;--d3fc-series-2: #ff7f0e;--d3fc-series-3: #2ca02c;--d3fc-series-4: #d62728;--d3fc-series-5: #9467bd;--d3fc-series-6: #8c564b;--d3fc-series-7: #e377c2;--d3fc-series-8: #7f7f7f;--d3fc-series-9: #bcbd22;--d3fc-series-10: #17becf;--d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);--d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);--d3fc-negative--gradient: linear-gradient(#feeb65 100%, #e4521b 70%, #4d342f 0%)}.perspective-viewer-material--datagrid{--rt-pos-cell--color: #338dcd;--rt-neg-cell--color: #ff471e;--column-style-open-button--content: "menu";--column-style-close-button--content: "expand_less";--tree-label-collapse--content: "remove";--tree-label-expand--content: "add"}.perspective-viewer-material--datagrid regular-table::-webkit-scrollbar-thumb{background-color:#e0e4e9}.perspective-viewer-material--datagrid regular-table{mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);-webkit-mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);mask-position:-12px -12px,bottom right,bottom right;-webkit-mask-position:-12px -12px,bottom right,bottom right;mask-size:100% 100%,12px 1000%,1000% 12px;-webkit-mask-size:100% 100%,12px 1000%,1000% 12px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:-webkit-mask-position .3s,mask-position .3s}.perspective-viewer-material--datagrid regular-table:hover{mask-position:-12px -12px,top right,bottom left;-webkit-mask-position:-12px -12px,top right,bottom left} + +perspective-viewer regular-table table { + user-select: auto; +} diff --git a/catalog/app/assets/perspective-material.css b/catalog/app/assets/perspective-material.css index 945a5fbdeb2..d23424a7f7c 100644 --- a/catalog/app/assets/perspective-material.css +++ b/catalog/app/assets/perspective-material.css @@ -11,3 +11,7 @@ */ perspective-viewer,perspective-viewer[theme="Material Light"]{--theme-name: "Material Light"}perspective-viewer[theme="Material Light"],.perspective-viewer-material{--button--font-size: 20px;--config-button--padding: 12px 16px 8px 0;--column-drop-label--font-size: 8px;--column-drop-container--padding: 0px;--column-drop-label--display: inline-block;--column-selector--width: 24px;--column-selector--font-size: 16px;--column_type--width: 25px;--select--padding: 0px;--side-panel--padding: 12px 0px 6px 8px;--top-panel--padding: 0px 0px 12px 0px;--top-panel-row--display: inline-flex;color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319;font-family:"Roboto";--preload-fonts: "Roboto Mono:400;Roboto:300,400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons";--group_by--content: "Group By";--split_by--content: "Split By";--inactive-column-selector--content: "\e835";--active-column-selector--content: "\e834";--config-button-icon--content: "more_vert";--overflow-hint-icon--content: "error_outline";--status-icon--content: "circle";--reset-button-icon--content: "refresh";--export-button-icon--content: "download";--copy-button-icon--content: "content_copy";--save-button-icon--content: "save";--theme-button-icon--content: "palette";--sort-order-asc--content: "arrow_upward";--sort-order-desc--content: "arrow_downward";--sort-order-none--content: "remove";--sort-order-col-asc--content: "arrow_forward";--sort-order-col-desc--content: "arrow_back";--column-add--content: "add";--column-close--content: "close";--d3fc-y1-label--content: "arrow_upward";--d3fc-y2-label--content: "arrow_downward";--d3fc-treedata-axis--lines: none;--d3fc-tooltip--background--color: rgba(155, 155, 155, .8);--d3fc-tooltip--color: #161616;--d3fc-tooltip--border-color: #fff;--d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);--d3fc-gridline--color: #eaedef;--d3fc-axis-ticks--color: #161616;--d3fc-axis--lines: #c5c9d0;--d3fc-legend--background: rgba(255, 255, 255, .8);--d3fc-series: rgba(31, 119, 180, .5);--d3fc-series-1: #0366d6;--d3fc-series-2: #ff7f0e;--d3fc-series-3: #2ca02c;--d3fc-series-4: #d62728;--d3fc-series-5: #9467bd;--d3fc-series-6: #8c564b;--d3fc-series-7: #e377c2;--d3fc-series-8: #7f7f7f;--d3fc-series-9: #bcbd22;--d3fc-series-10: #17becf;--d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);--d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);--d3fc-negative--gradient: linear-gradient(#feeb65 100%, #e4521b 70%, #4d342f 0%);--rt-pos-cell--color: #338dcd;--rt-neg-cell--color: #ff471e;--column-style-open-button--content: "menu";--column-style-close-button--content: "expand_less";--tree-label-collapse--content: "remove";--tree-label-expand--content: "add"}perspective-viewer[theme="Material Light"] regular-table::-webkit-scrollbar-thumb,.perspective-viewer-material regular-table::-webkit-scrollbar-thumb{background-color:#e0e4e9}perspective-viewer[theme="Material Light"] regular-table,.perspective-viewer-material regular-table{mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);-webkit-mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);mask-position:-12px -12px,bottom right,bottom right;-webkit-mask-position:-12px -12px,bottom right,bottom right;mask-size:100% 100%,12px 1000%,1000% 12px;-webkit-mask-size:100% 100%,12px 1000%,1000% 12px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:-webkit-mask-position .3s,mask-position .3s}perspective-viewer[theme="Material Light"] regular-table:hover,.perspective-viewer-material regular-table:hover{mask-position:-12px -12px,top right,bottom left;-webkit-mask-position:-12px -12px,top right,bottom left}perspective-number-column-style[theme="Material Light"],perspective-string-column-style[theme="Material Light"],perspective-expression-editor[theme="Material Light"],.perspective-modal-material{font-family:"Roboto";--preload-fonts: "Roboto Mono:400;Roboto:300,400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons";color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319;background-color:#fff;--column-style-pos-color--content: "add";--column-style-neg-color--content: "remove";--save-button-icon--content: "save";--reset-button-icon--content: "refresh";--column-style-radio--appearance: none;--column-style-radio-checked--content: "radio_button_checked";--column-style-radio-unchecked--content: "radio_button_unchecked"}.perspective-viewer-material--dimensions{--button--font-size: 16px;--config-button--padding: 15px 8px 6px 8px;--column-drop-label--font-size: 8px;--column-drop-container--padding: 0px;--column-drop-label--display: inline-block;--column-selector--width: 24px;--column-selector--font-size: 16px;--column_type--width: 25px;--select--padding: 0px;--side-panel--padding: 12px 0px 6px 8px;--top-panel--padding: 0px 0px 12px 0px;--top-panel-row--display: inline-flex}.perspective-viewer-material--colors{color:#161616;background-color:#f2f4f6;--active--color: #2670a9;--plugin--background: #ffffff;--overflow-hint-icon--color: rgba(0, 0, 0, .2);--select--background-color: none;--column-drop-container--background: none;--float--column-type--color: #2670a9;--string--column-type--color: #e32b16;--date--column-type--color: #24874b;--boolean--column-type--color: #ea7319}.perspective-viewer-material--fonts{font-family:"Roboto";--preload-fonts: "Roboto Mono:400;Roboto:300,400;Material Icons:400";--interface-monospace--font-family: "Roboto Mono";--button--font-family: "Material Icons"}.perspective-viewer-material--intl{--group_by--content: "Group By";--split_by--content: "Split By";--inactive-column-selector--content: "\e835";--active-column-selector--content: "\e834";--config-button-icon--content: "more_vert";--overflow-hint-icon--content: "error_outline";--status-icon--content: "circle";--reset-button-icon--content: "refresh";--export-button-icon--content: "download";--copy-button-icon--content: "content_copy";--save-button-icon--content: "save";--theme-button-icon--content: "palette";--sort-order-asc--content: "arrow_upward";--sort-order-desc--content: "arrow_downward";--sort-order-none--content: "remove";--sort-order-col-asc--content: "arrow_forward";--sort-order-col-desc--content: "arrow_back";--column-add--content: "add";--column-close--content: "close"}.perspective-viewer-material--d3fc{--d3fc-y1-label--content: "arrow_upward";--d3fc-y2-label--content: "arrow_downward";--d3fc-treedata-axis--lines: none;--d3fc-tooltip--background--color: rgba(155, 155, 155, .8);--d3fc-tooltip--color: #161616;--d3fc-tooltip--border-color: #fff;--d3fc-tooltip--box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);--d3fc-gridline--color: #eaedef;--d3fc-axis-ticks--color: #161616;--d3fc-axis--lines: #c5c9d0;--d3fc-legend--background: rgba(255, 255, 255, .8);--d3fc-series: rgba(31, 119, 180, .5);--d3fc-series-1: #0366d6;--d3fc-series-2: #ff7f0e;--d3fc-series-3: #2ca02c;--d3fc-series-4: #d62728;--d3fc-series-5: #9467bd;--d3fc-series-6: #8c564b;--d3fc-series-7: #e377c2;--d3fc-series-8: #7f7f7f;--d3fc-series-9: #bcbd22;--d3fc-series-10: #17becf;--d3fc-full--gradient: linear-gradient(#4d342f 0%, #e4521b 22.5%, #feeb65 42.5%, #f0f0f0 50%, #dcedc8 57.5%, #42b3d5 67.5%, #1a237e 100%);--d3fc-positive--gradient: linear-gradient(#dcedc8 0%, #42b3d5 35%, #1a237e 100%);--d3fc-negative--gradient: linear-gradient(#feeb65 100%, #e4521b 70%, #4d342f 0%)}.perspective-viewer-material--datagrid{--rt-pos-cell--color: #338dcd;--rt-neg-cell--color: #ff471e;--column-style-open-button--content: "menu";--column-style-close-button--content: "expand_less";--tree-label-collapse--content: "remove";--tree-label-expand--content: "add"}.perspective-viewer-material--datagrid regular-table::-webkit-scrollbar-thumb{background-color:#e0e4e9}.perspective-viewer-material--datagrid regular-table{mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);-webkit-mask-image:linear-gradient(black,black),linear-gradient(to top,transparent 10%,black 90%),linear-gradient(to left,transparent 10%,black 90%);mask-position:-12px -12px,bottom right,bottom right;-webkit-mask-position:-12px -12px,bottom right,bottom right;mask-size:100% 100%,12px 1000%,1000% 12px;-webkit-mask-size:100% 100%,12px 1000%,1000% 12px;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;transition:-webkit-mask-position .3s,mask-position .3s}.perspective-viewer-material--datagrid regular-table:hover{mask-position:-12px -12px,top right,bottom left;-webkit-mask-position:-12px -12px,top right,bottom left} + +perspective-viewer regular-table table { + user-select: auto; +} From 503118ae4793967f2e8bd359ba87d7cf8d6f9046 Mon Sep 17 00:00:00 2001 From: Maxim Chervonny Date: Fri, 12 May 2023 12:22:01 +0300 Subject: [PATCH 2/2] Add changelog entry --- docs/CHANGELOG.md | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md index 857584e3d51..99c66bff04c 100644 --- a/docs/CHANGELOG.md +++ b/docs/CHANGELOG.md @@ -14,6 +14,14 @@ Entries inside each section should be ordered by type: ## Catalog, Lambdas !--> +# unreleased - YYYY-MM-DD +## Python API + +## CLI + +## Catalog, Lambdas +* [Changed] Enable user selection in perspective grids ([#3453](https://github.com/quiltdata/quilt/pull/3453)) + # 5.3.1 - 2023-05-02 ## Python API * [Fixed] `Package.verify()` now raises exception if unsupported hash type is encountered ([#3401](https://github.com/quiltdata/quilt/pull/3401))