Skip to content

Commit

Permalink
Improve data inspector grid space usage (#247)
Browse files Browse the repository at this point in the history
* Improve grid responsiveness

Fixes #234

* Improve first col size and prevent scroll bar
  • Loading branch information
Tyriar authored Mar 17, 2021
1 parent e87582a commit edc700d
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions dist/inspector.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ input {
font-family: var(--vscode-editor-font-family);
background-color: var(--vscode-input-background);
border-width: 0;
width: 170px;
width: 100%;
color: var(--vscode-input-foreground);
}

Expand All @@ -25,18 +25,20 @@ body {
position: sticky;
top: 20px;
display: grid;
grid-template-columns: auto auto;
grid-template-columns: 0fr 1fr;
padding-top: 3px;
align-items: center;
}

.grid-item {
text-align: left;
margin-bottom: -1px;
white-space: nowrap;
}

.grid-item:nth-child(2n) {
padding-left: 15px;
min-width: 100px; /* Prevent scroll bar unless really small */
}

.header {
Expand All @@ -54,5 +56,5 @@ select {
background-color: var(--vscode-dropdown-background);
border: var(--vscode-dropdown-border);
color: var(--vscode-dropdown-foreground);
width: 178px;
min-width: 100px;
}

0 comments on commit edc700d

Please sign in to comment.