more styling
Browse files- app.py +2 -2
- styles.css +29 -0
- 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=
|
| 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=
|
| 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=
|
| 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=
|
| 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=
|
| 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 |
}
|