1/* The CSV table view, themed with --vscode-* variables. */
3.csv-view {
4 height: 100%;
5 display: flex;
6 flex-direction: column;
7 background-color: var(--vscode-editor-background);
8 color: var(--vscode-foreground);
9 font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif;
10 font-size: 13px;
11}
13.csv-view-meta {
14 flex: none;
15 padding: 4px 12px;
16 color: var(--vscode-descriptionForeground);
17 font-size: 11px;
18 border-bottom: 1px solid var(--vscode-panel-border);
19}
21.csv-view-scroll {
22 flex: 1;
23 overflow: auto;
24}
26.csv-table {
27 border-collapse: collapse;
28 font-variant-numeric: tabular-nums;
29}
31.csv-table th,
32.csv-table td {
33 padding: 3px 10px;
34 border-right: 1px solid var(--vscode-panel-border);
35 white-space: nowrap;
36 max-width: 480px;
37 overflow: hidden;
38 text-overflow: ellipsis;
39 text-align: left;
40}
42.csv-table th {
43 position: sticky;
44 top: 0;
45 z-index: 1;
46 background-color: var(--vscode-editorGroupHeader-tabsBackground, #252526);
47 border-bottom: 1px solid var(--vscode-panel-border);
48 font-weight: 600;
49 cursor: pointer;
50 user-select: none;
51}
53.csv-table th:hover {
54 background-color: var(--vscode-list-hoverBackground);
55}
57.csv-table th .csv-sort {
58 margin-left: 4px;
59 color: var(--vscode-descriptionForeground);
60 font-size: 10px;
61}
63.csv-table td.num,
64.csv-table th.num {
65 text-align: right;
66}
68.csv-table td.csv-rownum,
69.csv-table th.csv-rownum {
70 color: var(--vscode-editorLineNumber-foreground, #858585);
71 text-align: right;
72 background-color: var(--vscode-editor-background);
73 cursor: default;
74 font-size: 11px;
75}
77.csv-table tbody tr:nth-child(even) {
78 background-color: var(--vscode-keybindingTable-rowsBackground, rgba(128, 128, 128, 0.04));
79}
81.csv-table tbody tr:hover {
82 background-color: var(--vscode-list-hoverBackground);
83}
85.csv-view-empty {
86 padding: 16px;
87 color: var(--vscode-descriptionForeground);
88}