idolezal commited on
Commit
7882b9a
1 Parent(s): bce21fb

[Fix Chromium browser] Remove sticky position of first five columns in leaderboard

Browse files
Files changed (1) hide show
  1. app.py +0 -43
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: