Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Column name completion for monaco #1443

Merged
merged 3 commits into from
Jun 14, 2021
Merged

Column name completion for monaco #1443

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8f1874f
Font-weight reduction for type annotations
texodus May 25, 2021
1b88b67
Refactoring and tests
texodus Jun 8, 2021
8af4965
Column name completion for monaco
texodus Jun 13, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Font-weight reduction for type annotations 
# Conflicts:
#	packages/perspective-viewer/src/less/fonts.less
  • Loading branch information
@texodus
texodus committed Jun 12, 2021
commit 8f1874f634731bffcade03c38658c83f7b829db9
235 changes: 235 additions & 0 deletions packages/perspective-viewer-datagrid/src/less/material.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,235 @@
/******************************************************************************
*
* Copyright (c) 2017, the Perspective Authors.
*
* This file is part of the Perspective library, distributed under the terms of
* the Apache License 2.0. The full license can be found in the LICENSE file.
*
*/

@row-height: 19px;

regular-table {
padding-top: 12px;
padding-left: 12px;
padding-bottom: 0;
padding-right: 0;

// firefox scrollbar styling
scrollbar-color: transparent transparent;
scrollbar-width: thin;
outline: none;
}

regular-table:hover {
scrollbar-color: rgba(0,0,0,0.3) transparent;
}

regular-table {
font-family: "Open Sans";

div[tabindex] {
outline: none;
}

& > div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}

th {
text-align: center;
}

// Header groups should overflow and not contribute to auto-sizing.
thead tr:not(:last-child) th {
overflow: hidden;
max-width: 0px;
}

thead tr:last-child .rt-float,
tbody .rt-float {
text-align: right;
}

thead .rt-integer,
tbody .rt-integer {
text-align: right;
}

tbody th {
text-align: left;
}




span.rt-tree-container {
display:flex;
align-items:center;
height:100%;
}

thead .rt-string,
tbody .rt-string,
thead .rt-date,
tbody .rt-date,
thead .rt-datetime,
tbody .rt-datetime {
text-align: left;
}

// frozen rows



thead tr:last-child th {
border-bottom: 1px solid #ddd;
}

th {
position: relative;
}

tr th span.rt-tree-group {
margin-left: 5px;
margin-right: 15px;
border-left: 1px solid #eee;
height: 100%;
}

td, th {
white-space: nowrap;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
height: @row-height;
}



tr:hover td {
background: #eee;
opacity: 1;
}

tr:hover {
color: #333;
}

table * {
box-sizing: border-box;
}

table {
position: absolute;
overflow: hidden;
color: #666;
outline: none;
}

span.rt-row-header-icon {
color: #AAA;
padding-right: 4px;
font-family: "Material Icons";
}

span.rt-column-header-icon {
font-size: 10px;
padding-left: 3px;
display: inline-block;
width: 10px;
font-family: "Material Icons";
}

span.rt-row-header-icon:hover {
color: #1a7da1;
text-shadow: 0px 0px 3px #1a7da1;
}

.rt-selected td {
background-color: #eee;
}

.rt-cell-clip {
overflow: hidden;
text-overflow: ellipsis;
}

// OPTIONAL zebra striping

// @zebra-stripe-color: rgb(238,238,238);

// tbody tr:nth-child(even) td:not(.rt-group-header) {
// background: @zebra-stripe-color;
// }

// tbody tr:nth-child(even) span.rt-group-name {
// background: @zebra-stripe-color;
// }

td span.rt-group-name, th span.rt-group-name {
margin-right: -5px;
padding-right: 5px;
padding-left: 8px;
flex: 1;
height: 100%;
}

th span.rt-group-name {
text-align: left;
}

td th span.rt-group-leaf, th span.rt-group-leaf {
margin-left: 16px;
height: 100%;
}

.rt-column-resize {
height: 100%;
width: 10px;
position: absolute;
top: 0;
right: 0;
cursor: col-resize;
}

// webkit (chrome, safari, etc) scrollbar styling

&::-webkit-scrollbar,
&::-webkit-scrollbar-corner {
background-color: transparent;
height: 12px;
width: 12px;
}

&::-webkit-scrollbar-thumb {
background-clip: content-box;
background-color: rgba(0,0,0,0);
border-radius: 5px;
}

&::-webkit-scrollbar-thumb:horizontal {
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
}

&::-webkit-scrollbar-thumb:vertical {
border-left: 2px solid transparent;
border-right: 2px solid transparent;
}

&:hover::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.15);
}
&::-webkit-scrollbar-thumb:hover {
background-color: rgba(0,0,0,0.3);
}
}

2 changes: 1 addition & 1 deletion packages/perspective-viewer-datagrid/src/less/regular_table.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
*
*/

@import (less) "regular-table/src/less/material.less";
@import (less) "./material.less";
@import (less) "./mitered-headers.less";
@import (less) "./row-hover.less";
@import (less) "./column-plugin.less";
Expand Down
2 changes: 1 addition & 1 deletion packages/perspective-viewer/src/less/fonts.less
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import (css) url("https://fonts.googleapis.com/css?family=Material+Icons");
@import (css) url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap"); // ~typeface-open-sans/index.css");
@import (css) url("https://fonts.googleapis.com/css?family=Roboto+Mono"); // ~typeface-roboto-mono/index.css");
@import (css) url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@200;400&display=swap"); // ~typeface-roboto-mono/index.css");
@import (css) url("https://unpkg.com/monaco-editor/esm/vs/base/browser/ui/codicons/codicon/codicon.css");
1 change: 1 addition & 0 deletions packages/perspective-viewer/src/less/row.less
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -345,6 +345,7 @@
.column_row();
display: var(--name-before-display, none);
width: var(--column_type--width, auto);
font-weight: 200;
}

:host #column_aggregate {
Expand Down