badaoui HF Staff commited on
Commit
b3c2562
·
1 Parent(s): 5b26a19

more styling

Browse files
Files changed (3) hide show
  1. app.py +2 -2
  2. styles.css +29 -0
  3. time_series_gradio.py +5 -5
app.py CHANGED
@@ -102,9 +102,9 @@ def get_description_text():
102
  ]
103
  msg = ["**" + x + "**" for x in msg] + [""]
104
  if Ci_results.latest_update_msg:
105
- msg.append(f"*({Ci_results.latest_update_msg})*")
106
  else:
107
- msg.append("*(loading...)*")
108
  return "<br>".join(msg)
109
 
110
  # Function to format new regressions for display
 
102
  ]
103
  msg = ["**" + x + "**" for x in msg] + [""]
104
  if Ci_results.latest_update_msg:
105
+ msg.append(f"*This dashboard only tracks important models*<br>*({Ci_results.latest_update_msg})*")
106
  else:
107
+ msg.append("*This dashboard only tracks important models*<br>*(loading...)*")
108
  return "<br>".join(msg)
109
 
110
  # Function to format new regressions for display
styles.css CHANGED
@@ -952,10 +952,39 @@ h1, h2, h3, p, .markdown {
952
  /* Historical view styling */
953
  .historical-view {
954
  background-color: #000000 !important;
 
955
  }
956
 
957
  .time-series-detail-view {
958
  background-color: #000000 !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
959
  }
960
 
961
  /* Back button styling */
 
952
  /* Historical view styling */
953
  .historical-view {
954
  background-color: #000000 !important;
955
+ padding: 30px 20px !important;
956
  }
957
 
958
  .time-series-detail-view {
959
  background-color: #000000 !important;
960
+ padding: 30px 20px !important;
961
+ }
962
+
963
+ /* Historical view plot styling - increase text sizes */
964
+ .historical-view .plot-container svg text,
965
+ .time-series-detail-view .plot-container svg text {
966
+ font-size: 16px !important;
967
+ }
968
+
969
+ /* Historical view title styling */
970
+ .historical-view .plot-container svg text[class*="title"],
971
+ .time-series-detail-view .plot-container svg text[class*="title"],
972
+ .historical-view .plot-container svg g[class*="title"] text,
973
+ .time-series-detail-view .plot-container svg g[class*="title"] text {
974
+ font-size: 20px !important;
975
+ font-weight: 600 !important;
976
+ }
977
+
978
+ /* Historical view axis labels */
979
+ .historical-view .plot-container svg g[class*="axis"] text,
980
+ .time-series-detail-view .plot-container svg g[class*="axis"] text {
981
+ font-size: 15px !important;
982
+ }
983
+
984
+ /* Historical view legend styling */
985
+ .historical-view .plot-container svg g[class*="legend"] text,
986
+ .time-series-detail-view .plot-container svg g[class*="legend"] text {
987
+ font-size: 16px !important;
988
  }
989
 
990
  /* Back button styling */
time_series_gradio.py CHANGED
@@ -220,7 +220,7 @@ def create_time_series_summary_gradio(historical_df: pd.DataFrame) -> dict:
220
  color_map={"AMD": COLORS['amd'], "NVIDIA": COLORS['nvidia']},
221
  title="Overall Failure Rates Over Time",
222
  tooltip=["failure_rate", "date", "change"],
223
- height=350,
224
  x_label_angle=45,
225
  y_title="Failure Rate (%)"
226
  ),
@@ -232,7 +232,7 @@ def create_time_series_summary_gradio(historical_df: pd.DataFrame) -> dict:
232
  color_map={"Passed": COLORS['passed'], "Failed": COLORS['failed'], "Skipped": COLORS['skipped']},
233
  title="AMD Test Results Over Time",
234
  tooltip=["count", "date", "change"],
235
- height=350,
236
  x_label_angle=45,
237
  y_title="Number of Tests"
238
  ),
@@ -244,7 +244,7 @@ def create_time_series_summary_gradio(historical_df: pd.DataFrame) -> dict:
244
  color_map={"Passed": COLORS['passed'], "Failed": COLORS['failed'], "Skipped": COLORS['skipped']},
245
  title="NVIDIA Test Results Over Time",
246
  tooltip=["count", "date", "change"],
247
- height=350,
248
  x_label_angle=45,
249
  y_title="Number of Tests"
250
  )
@@ -338,7 +338,7 @@ def create_model_time_series_gradio(historical_df: pd.DataFrame, model_name: str
338
  title=f"{model_name.upper()} - AMD Results Over Time",
339
  x_label_angle=45,
340
  y_title="Number of Tests",
341
- height=350,
342
  tooltip=["count", "date", "change"]
343
  ),
344
  'nvidia_plot': gr.LinePlot(
@@ -350,7 +350,7 @@ def create_model_time_series_gradio(historical_df: pd.DataFrame, model_name: str
350
  title=f"{model_name.upper()} - NVIDIA Results Over Time",
351
  x_label_angle=45,
352
  y_title="Number of Tests",
353
- height=350,
354
  tooltip=["count", "date", "change"]
355
  )
356
  }
 
220
  color_map={"AMD": COLORS['amd'], "NVIDIA": COLORS['nvidia']},
221
  title="Overall Failure Rates Over Time",
222
  tooltip=["failure_rate", "date", "change"],
223
+ height=400,
224
  x_label_angle=45,
225
  y_title="Failure Rate (%)"
226
  ),
 
232
  color_map={"Passed": COLORS['passed'], "Failed": COLORS['failed'], "Skipped": COLORS['skipped']},
233
  title="AMD Test Results Over Time",
234
  tooltip=["count", "date", "change"],
235
+ height=400,
236
  x_label_angle=45,
237
  y_title="Number of Tests"
238
  ),
 
244
  color_map={"Passed": COLORS['passed'], "Failed": COLORS['failed'], "Skipped": COLORS['skipped']},
245
  title="NVIDIA Test Results Over Time",
246
  tooltip=["count", "date", "change"],
247
+ height=400,
248
  x_label_angle=45,
249
  y_title="Number of Tests"
250
  )
 
338
  title=f"{model_name.upper()} - AMD Results Over Time",
339
  x_label_angle=45,
340
  y_title="Number of Tests",
341
+ height=400,
342
  tooltip=["count", "date", "change"]
343
  ),
344
  'nvidia_plot': gr.LinePlot(
 
350
  title=f"{model_name.upper()} - NVIDIA Results Over Time",
351
  x_label_angle=45,
352
  y_title="Number of Tests",
353
+ height=400,
354
  tooltip=["count", "date", "change"]
355
  )
356
  }