Skip to content

Commit 06c0e2d

Browse files
move tabulator table specific styles to web/tabulator.css (#77)
1 parent 008cd3a commit 06c0e2d

File tree

2 files changed

+34
-34
lines changed

2 files changed

+34
-34
lines changed

web/styles/table-view.css

Lines changed: 0 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -61,43 +61,9 @@ body {
6161
outline-color: var(--vscode-focusBorder);
6262
}
6363

64-
/* tabulator table styles */
6564
#table-container {
6665
background-color: var(--vscode-editor-background);
6766
border: 1px solid var(--vscode-panel-border);
6867
height: calc(100% - 40);
6968
overflow: hidden;
7069
}
71-
72-
#table-container .tabulator-header {
73-
background-color: var(--vscode-editor-background);
74-
color: var(--vscode-editor-foreground);
75-
border: none;
76-
}
77-
78-
/* allow column header names to wrap lines */
79-
#table-container .tabulator-header .tabulator-col,
80-
#table-container .tabulator-header .tabulator-col-row-handle {
81-
background-color: var(--vscode-editor-background);
82-
border: 1px solid var(--vscode-panel-border);
83-
font-weight: normal;
84-
white-space: normal;
85-
min-height: 24px;
86-
}
87-
88-
/* table rows */
89-
#table-container .tabulator-tableHolder .tabulator-table .tabulator-row {
90-
color: var(--vscode-editor-foreground);
91-
background-color: var(--vscode-editor-background);
92-
border: none;
93-
}
94-
95-
/* even rows */
96-
#table-container .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
97-
background-color: var(--vscode-editor-background);
98-
border: none;
99-
}
100-
101-
.tabulator .tabulator-footer {
102-
background-color: var(--vscode-editor-background);
103-
}

web/styles/tabulator.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
2+
/* tabulator table styles */
3+
#table-container .tabulator-header {
4+
background-color: var(--vscode-editor-background);
5+
color: var(--vscode-editor-foreground);
6+
border: none;
7+
}
8+
9+
/* allow column header names to wrap lines */
10+
#table-container .tabulator-header .tabulator-col,
11+
#table-container .tabulator-header .tabulator-col-row-handle {
12+
background-color: var(--vscode-editor-background);
13+
border: 1px solid var(--vscode-panel-border);
14+
font-weight: normal;
15+
white-space: normal;
16+
min-height: 24px;
17+
}
18+
19+
/* table rows */
20+
#table-container .tabulator-tableHolder .tabulator-table .tabulator-row {
21+
color: var(--vscode-editor-foreground);
22+
background-color: var(--vscode-editor-background);
23+
border: none;
24+
}
25+
26+
/* even rows */
27+
#table-container .tabulator-tableHolder .tabulator-table .tabulator-row:nth-child(even) {
28+
background-color: var(--vscode-editor-background);
29+
border: none;
30+
}
31+
32+
.tabulator .tabulator-footer {
33+
background-color: var(--vscode-editor-background);
34+
}

0 commit comments

Comments
 (0)