update css - simplify + add full width leaderboard

#1
by clefourrier HF staff - opened
Files changed (1) hide show
  1. src/display/css_html_js.py +18 -42
src/display/css_html_js.py CHANGED
@@ -1,34 +1,37 @@
1
  custom_css = """
2
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
3
  .markdown-text {
4
  font-size: 16px !important;
5
  }
6
-
7
  #models-to-add-text {
8
  font-size: 18px !important;
9
  }
10
-
11
  #citation-button span {
12
  font-size: 16px !important;
13
  }
14
-
15
  #citation-button textarea {
16
  font-size: 16px !important;
17
  }
18
-
19
  #citation-button > label > button {
20
  margin: 6px;
21
  transform: scale(1.3);
22
  }
23
-
24
- #leaderboard-table {
25
- margin-top: 15px
26
- }
27
-
28
- #leaderboard-table-lite {
29
- margin-top: 15px
30
- }
31
-
32
  #search-bar-table-box > div:first-child {
33
  background: none;
34
  border: none;
@@ -37,37 +40,10 @@ custom_css = """
37
  #search-bar {
38
  padding: 0px;
39
  }
40
-
41
- /* Hides the final AutoEvalColumn */
42
- #llm-benchmark-tab-table table td:last-child,
43
- #llm-benchmark-tab-table table th:last-child {
44
- display: none;
45
- }
46
-
47
- /* Limit the width of the first AutoEvalColumn so that names don't expand too much */
48
- table td:first-child,
49
- table th:first-child {
50
- max-width: 400px;
51
- overflow: auto;
52
- white-space: nowrap;
53
- }
54
-
55
  .tab-buttons button {
56
  font-size: 20px;
57
  }
58
-
59
- #scale-logo {
60
- border-style: none !important;
61
- box-shadow: none;
62
- display: block;
63
- margin-left: auto;
64
- margin-right: auto;
65
- max-width: 600px;
66
- }
67
-
68
- #scale-logo .download {
69
- display: none;
70
- }
71
  #filter_type{
72
  border: 0;
73
  padding-left: 0;
 
1
  custom_css = """
2
+ /* Hides the final AutoEvalColumn */
3
+ #llm-benchmark-tab-table table td:last-child,
4
+ #llm-benchmark-tab-table table th:last-child {
5
+ display: none;
6
+ }
7
+ /* Limit the width of the first AutoEvalColumn so that names don't expand too much */
8
+ table td:first-child,
9
+ table th:first-child {
10
+ max-width: 400px;
11
+ overflow: auto;
12
+ white-space: nowrap;
13
+ }
14
+ /* Full width space */
15
+ .gradio-container {
16
+ max-width: 95%!important;
17
+ }
18
+ /* Text style and margins */
19
  .markdown-text {
20
  font-size: 16px !important;
21
  }
 
22
  #models-to-add-text {
23
  font-size: 18px !important;
24
  }
 
25
  #citation-button span {
26
  font-size: 16px !important;
27
  }
 
28
  #citation-button textarea {
29
  font-size: 16px !important;
30
  }
 
31
  #citation-button > label > button {
32
  margin: 6px;
33
  transform: scale(1.3);
34
  }
 
 
 
 
 
 
 
 
 
35
  #search-bar-table-box > div:first-child {
36
  background: none;
37
  border: none;
 
40
  #search-bar {
41
  padding: 0px;
42
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
43
  .tab-buttons button {
44
  font-size: 20px;
45
  }
46
+ /* Filters style */
 
 
 
 
 
 
 
 
 
 
 
 
47
  #filter_type{
48
  border: 0;
49
  padding-left: 0;