Spaces:
Runtime error
Runtime error
[Fix Chromium browser] Remove sticky position of first five columns in leaderboard
Browse files
app.py
CHANGED
@@ -255,43 +255,11 @@ tr.row_odd {
|
|
255 |
background-color: var(--table-odd-background-fill);
|
256 |
}
|
257 |
|
258 |
-
.leaderboard-table th:first-child, .leaderboard-table td:first-child {
|
259 |
-
position: sticky;
|
260 |
-
left: 0;
|
261 |
-
z-index: 1;
|
262 |
-
background-color: inherit;
|
263 |
-
}
|
264 |
-
|
265 |
.leaderboard-table td:first-child p, .leaderboard-table-model-details td:first-child p {
|
266 |
margin: 0px;
|
267 |
}
|
268 |
|
269 |
-
.leaderboard-table th:nth-child(2), .leaderboard-table td:nth-child(2) {
|
270 |
-
position: sticky;
|
271 |
-
left: var(--cell-width-0);
|
272 |
-
z-index: 1;
|
273 |
-
background-color: inherit;
|
274 |
-
}
|
275 |
-
|
276 |
-
.leaderboard-table th:nth-child(3), .leaderboard-table td:nth-child(3) {
|
277 |
-
position: sticky;
|
278 |
-
left: calc(var(--cell-width-0) + var(--cell-width-1));
|
279 |
-
z-index: 1;
|
280 |
-
background-color: inherit;
|
281 |
-
}
|
282 |
-
|
283 |
-
.leaderboard-table th:nth-child(4), .leaderboard-table td:nth-child(4) {
|
284 |
-
position: sticky;
|
285 |
-
left: calc(var(--cell-width-0) + var(--cell-width-1) + var(--cell-width-2));
|
286 |
-
z-index: 1;
|
287 |
-
background-color: inherit;
|
288 |
-
}
|
289 |
-
|
290 |
.leaderboard-table th:nth-child(5), .leaderboard-table td:nth-child(5) {
|
291 |
-
position: sticky;
|
292 |
-
left: calc(var(--cell-width-0) + var(--cell-width-1) + var(--cell-width-2) + var(--cell-width-3));
|
293 |
-
z-index: 1;
|
294 |
-
background-color: inherit;
|
295 |
border-right-width: 2px;
|
296 |
border-right-color: var(--border-color-primary);
|
297 |
}
|
@@ -300,17 +268,6 @@ tr.row_odd {
|
|
300 |
font-weight: bolder;
|
301 |
}
|
302 |
|
303 |
-
.leaderboard-table th:nth-child(5)::after, .leaderboard-table td:nth-child(5)::after {
|
304 |
-
box-shadow: inset 5px 0px 4px -4px var(--border-color-primary);
|
305 |
-
position: absolute;
|
306 |
-
top: 0;
|
307 |
-
right: 0;
|
308 |
-
bottom: 0;
|
309 |
-
content: "";
|
310 |
-
width: 30px;
|
311 |
-
transform: translateX(100%);
|
312 |
-
}
|
313 |
-
|
314 |
"""
|
315 |
|
316 |
with gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main:
|
|
|
255 |
background-color: var(--table-odd-background-fill);
|
256 |
}
|
257 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
258 |
.leaderboard-table td:first-child p, .leaderboard-table-model-details td:first-child p {
|
259 |
margin: 0px;
|
260 |
}
|
261 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
262 |
.leaderboard-table th:nth-child(5), .leaderboard-table td:nth-child(5) {
|
|
|
|
|
|
|
|
|
263 |
border-right-width: 2px;
|
264 |
border-right-color: var(--border-color-primary);
|
265 |
}
|
|
|
268 |
font-weight: bolder;
|
269 |
}
|
270 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
271 |
"""
|
272 |
|
273 |
with gr.Blocks(theme=gr.themes.Soft(text_size=text_md), css=custom_css) as main:
|