Skip to content

Commit 0a77dc2

Browse files
shuoweilshuoweil
committed
style(css): Apply coding style guide to table_widget.css
1 parent 3f7145f commit 0a77dc2

File tree

1 file changed

+129
-129
lines changed

1 file changed

+129
-129
lines changed

‎bigframes/display/table_widget.css‎

Lines changed: 129 additions & 129 deletions
Original file line numberDiff line numberDiff line change
@@ -16,218 +16,218 @@
1616

1717
/* Increase specificity to override framework styles without !important */
1818
.bigframes-widget.bigframes-widget {
19-
/* Default Light Mode Variables */
20-
--bf-bg: white;
21-
--bf-border-color: #ccc;
22-
--bf-error-bg: #fbe;
23-
--bf-error-border: red;
24-
--bf-error-fg: black;
25-
--bf-fg: black;
26-
--bf-header-bg: #f5f5f5;
27-
--bf-null-fg: gray;
28-
--bf-row-even-bg: #f5f5f5;
29-
--bf-row-odd-bg: white;
30-
31-
background-color: var(--bf-bg);
32-
box-sizing: border-box;
33-
color: var(--bf-fg);
34-
display: flex;
35-
flex-direction: column;
36-
font-family:
37-
"-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", sans-serif;
38-
margin: 0;
39-
padding: 0;
19+
/* Default Light Mode Variables */
20+
--bf-bg: white;
21+
--bf-border-color: #ccc;
22+
--bf-error-bg: #fbe;
23+
--bf-error-border: red;
24+
--bf-error-fg: black;
25+
--bf-fg: black;
26+
--bf-header-bg: #f5f5f5;
27+
--bf-null-fg: gray;
28+
--bf-row-even-bg: #f5f5f5;
29+
--bf-row-odd-bg: white;
30+
31+
background-color: var(--bf-bg);
32+
box-sizing: border-box;
33+
color: var(--bf-fg);
34+
display: flex;
35+
flex-direction: column;
36+
font-family:
37+
'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif;
38+
margin: 0;
39+
padding: 0;
4040
}
4141

4242
.bigframes-widget * {
43-
box-sizing: border-box;
43+
box-sizing: border-box;
4444
}
4545

4646
/* Dark Mode Overrides via Media Query */
4747
@media (prefers-color-scheme: dark) {
48-
.bigframes-widget.bigframes-widget {
49-
--bf-bg: var(--vscode-editor-background, #202124);
50-
--bf-border-color: #444;
51-
--bf-error-bg: #511;
52-
--bf-error-border: #f88;
53-
--bf-error-fg: #fcc;
54-
--bf-fg: white;
55-
--bf-header-bg: var(--vscode-editor-background, black);
56-
--bf-null-fg: #aaa;
57-
--bf-row-even-bg: #202124;
58-
--bf-row-odd-bg: #383838;
59-
}
48+
.bigframes-widget.bigframes-widget {
49+
--bf-bg: var(--vscode-editor-background, #202124);
50+
--bf-border-color: #444;
51+
--bf-error-bg: #511;
52+
--bf-error-border: #f88;
53+
--bf-error-fg: #fcc;
54+
--bf-fg: white;
55+
--bf-header-bg: var(--vscode-editor-background, black);
56+
--bf-null-fg: #aaa;
57+
--bf-row-even-bg: #202124;
58+
--bf-row-odd-bg: #383838;
59+
}
6060
}
6161

6262
/* Dark Mode Overrides via Explicit Class */
6363
.bigframes-widget.bigframes-dark-mode.bigframes-dark-mode {
64-
--bf-bg: var(--vscode-editor-background, #202124);
65-
--bf-border-color: #444;
66-
--bf-error-bg: #511;
67-
--bf-error-border: #f88;
68-
--bf-error-fg: #fcc;
69-
--bf-fg: white;
70-
--bf-header-bg: var(--vscode-editor-background, black);
71-
--bf-null-fg: #aaa;
72-
--bf-row-even-bg: #202124;
73-
--bf-row-odd-bg: #383838;
64+
--bf-bg: var(--vscode-editor-background, #202124);
65+
--bf-border-color: #444;
66+
--bf-error-bg: #511;
67+
--bf-error-border: #f88;
68+
--bf-error-fg: #fcc;
69+
--bf-fg: white;
70+
--bf-header-bg: var(--vscode-editor-background, black);
71+
--bf-null-fg: #aaa;
72+
--bf-row-even-bg: #202124;
73+
--bf-row-odd-bg: #383838;
7474
}
7575

7676
.bigframes-widget .table-container {
77-
background-color: var(--bf-bg);
78-
margin: 0;
79-
max-height: 620px;
80-
overflow: auto;
81-
padding: 0;
77+
background-color: var(--bf-bg);
78+
margin: 0;
79+
max-height: 620px;
80+
overflow: auto;
81+
padding: 0;
8282
}
8383

8484
.bigframes-widget .footer {
85-
align-items: center;
86-
background-color: var(--bf-bg);
87-
color: var(--bf-fg);
88-
display: flex;
89-
font-size: 0.8rem;
90-
justify-content: space-between;
91-
padding: 8px;
85+
align-items: center;
86+
background-color: var(--bf-bg);
87+
color: var(--bf-fg);
88+
display: flex;
89+
font-size: 0.8rem;
90+
justify-content: space-between;
91+
padding: 8px;
9292
}
9393

9494
.bigframes-widget .footer > * {
95-
flex: 1;
95+
flex: 1;
9696
}
9797

9898
.bigframes-widget .pagination {
99-
align-items: center;
100-
display: flex;
101-
flex-direction: row;
102-
gap: 4px;
103-
justify-content: center;
104-
padding: 4px;
99+
align-items: center;
100+
display: flex;
101+
flex-direction: row;
102+
gap: 4px;
103+
justify-content: center;
104+
padding: 4px;
105105
}
106106

107107
.bigframes-widget .page-indicator {
108-
margin: 0 8px;
108+
margin: 0 8px;
109109
}
110110

111111
.bigframes-widget .row-count {
112-
margin: 0 8px;
112+
margin: 0 8px;
113113
}
114114

115115
.bigframes-widget .page-size {
116-
align-items: center;
117-
display: flex;
118-
flex-direction: row;
119-
gap: 4px;
120-
justify-content: end;
116+
align-items: center;
117+
display: flex;
118+
flex-direction: row;
119+
gap: 4px;
120+
justify-content: end;
121121
}
122122

123123
.bigframes-widget .page-size label {
124-
margin-right: 8px;
124+
margin-right: 8px;
125125
}
126126

127127
.bigframes-widget table.bigframes-widget-table,
128128
.bigframes-widget table.dataframe {
129-
background-color: var(--bf-bg);
130-
border: 1px solid var(--bf-border-color);
131-
border-collapse: collapse;
132-
border-spacing: 0;
133-
box-shadow: none;
134-
color: var(--bf-fg);
135-
margin: 0;
136-
outline: none;
137-
text-align: left;
138-
width: auto; /* Fix stretching */
129+
background-color: var(--bf-bg);
130+
border: 1px solid var(--bf-border-color);
131+
border-collapse: collapse;
132+
border-spacing: 0;
133+
box-shadow: none;
134+
color: var(--bf-fg);
135+
margin: 0;
136+
outline: none;
137+
text-align: left;
138+
width: auto; /* Fix stretching */
139139
}
140140

141141
.bigframes-widget tr {
142-
border: none;
142+
border: none;
143143
}
144144

145145
.bigframes-widget th {
146-
background-color: var(--bf-header-bg);
147-
border: 1px solid var(--bf-border-color);
148-
color: var(--bf-fg);
149-
padding: 0;
150-
position: sticky;
151-
text-align: left;
152-
top: 0;
153-
z-index: 1;
146+
background-color: var(--bf-header-bg);
147+
border: 1px solid var(--bf-border-color);
148+
color: var(--bf-fg);
149+
padding: 0;
150+
position: sticky;
151+
text-align: left;
152+
top: 0;
153+
z-index: 1;
154154
}
155155

156156
.bigframes-widget td {
157-
border: 1px solid var(--bf-border-color);
158-
color: var(--bf-fg);
159-
padding: 0.5em;
157+
border: 1px solid var(--bf-border-color);
158+
color: var(--bf-fg);
159+
padding: 0.5em;
160160
}
161161

162162
.bigframes-widget table tbody tr:nth-child(odd),
163163
.bigframes-widget table tbody tr:nth-child(odd) td {
164-
background-color: var(--bf-row-odd-bg);
164+
background-color: var(--bf-row-odd-bg);
165165
}
166166

167167
.bigframes-widget table tbody tr:nth-child(even),
168168
.bigframes-widget table tbody tr:nth-child(even) td {
169-
background-color: var(--bf-row-even-bg);
169+
background-color: var(--bf-row-even-bg);
170170
}
171171

172172
.bigframes-widget .bf-header-content {
173-
box-sizing: border-box;
174-
height: 100%;
175-
overflow: auto;
176-
padding: 0.5em;
177-
resize: horizontal;
178-
width: 100%;
173+
box-sizing: border-box;
174+
height: 100%;
175+
overflow: auto;
176+
padding: 0.5em;
177+
resize: horizontal;
178+
width: 100%;
179179
}
180180

181181
.bigframes-widget th .sort-indicator {
182-
padding-left: 4px;
183-
visibility: hidden;
182+
padding-left: 4px;
183+
visibility: hidden;
184184
}
185185

186186
.bigframes-widget th:hover .sort-indicator {
187-
visibility: visible;
187+
visibility: visible;
188188
}
189189

190190
.bigframes-widget button {
191-
background-color: transparent;
192-
border: 1px solid currentColor;
193-
border-radius: 4px;
194-
color: inherit;
195-
cursor: pointer;
196-
display: inline-block;
197-
padding: 2px 8px;
198-
text-align: center;
199-
text-decoration: none;
200-
user-select: none;
201-
vertical-align: middle;
191+
background-color: transparent;
192+
border: 1px solid currentColor;
193+
border-radius: 4px;
194+
color: inherit;
195+
cursor: pointer;
196+
display: inline-block;
197+
padding: 2px 8px;
198+
text-align: center;
199+
text-decoration: none;
200+
user-select: none;
201+
vertical-align: middle;
202202
}
203203

204204
.bigframes-widget button:disabled {
205-
opacity: 0.65;
206-
pointer-events: none;
205+
opacity: 0.65;
206+
pointer-events: none;
207207
}
208208

209209
.bigframes-widget .bigframes-error-message {
210-
background-color: var(--bf-error-bg);
211-
border: 1px solid var(--bf-error-border);
212-
border-radius: 4px;
213-
color: var(--bf-error-fg);
214-
font-size: 14px;
215-
margin-bottom: 8px;
216-
padding: 8px;
210+
background-color: var(--bf-error-bg);
211+
border: 1px solid var(--bf-error-border);
212+
border-radius: 4px;
213+
color: var(--bf-error-fg);
214+
font-size: 14px;
215+
margin-bottom: 8px;
216+
padding: 8px;
217217
}
218218

219219
.bigframes-widget .cell-align-right {
220-
text-align: right;
220+
text-align: right;
221221
}
222222

223223
.bigframes-widget .cell-align-left {
224-
text-align: left;
224+
text-align: left;
225225
}
226226

227227
.bigframes-widget .null-value {
228-
color: var(--bf-null-fg);
228+
color: var(--bf-null-fg);
229229
}
230230

231231
.bigframes-widget .debug-info {
232-
border-top: 1px solid var(--bf-border-color);
233-
}
232+
border-top: 1px solid var(--bf-border-color);
233+
}

0 commit comments

Comments
 (0)