ror HF Staff commited on
Commit
29b7ec1
·
1 Parent(s): e83d737
Files changed (2) hide show
  1. app.py +1 -1
  2. styles.css +3 -23
app.py CHANGED
@@ -75,7 +75,7 @@ with gr.Blocks(title="Model Test Results Dashboard", css=load_css(), fill_height
75
  ci_links_display = gr.Markdown("🔗 **CI Jobs:** *Loading...*", elem_classes=["sidebar-links"])
76
 
77
  # Main content area
78
- with gr.Column(scale=4, elem_classes=["main-content"]):
79
  # Summary display (default view)
80
  summary_display = gr.ScatterPlot(
81
  pd.DataFrame({
 
75
  ci_links_display = gr.Markdown("🔗 **CI Jobs:** *Loading...*", elem_classes=["sidebar-links"])
76
 
77
  # Main content area
78
+ with gr.Column(elem_classes=["main-content"]):
79
  # Summary display (default view)
80
  summary_display = gr.ScatterPlot(
81
  pd.DataFrame({
styles.css CHANGED
@@ -1,4 +1,4 @@
1
- /* Global dark theme with configurable bottom margin */
2
  :root {
3
  --main-content-bottom-margin: 10px; /* Configurable bottom margin for main content */
4
  }
@@ -369,36 +369,16 @@ div[data-testid="column"]:has(.sidebar) {
369
  border-color: #666666 !important;
370
  }
371
 
372
- /* Plot container with smooth transitions and controlled scrolling */
373
  .plot-container {
374
  background-color: #000000 !important;
375
  border: none !important;
376
  transition: opacity 0.6s ease-in-out !important;
377
  flex: 1 1 auto !important;
378
  min-height: 0 !important;
379
- overflow-y: auto !important;
380
- scrollbar-width: thin !important;
381
- scrollbar-color: #333333 #000000 !important;
382
- }
383
-
384
- /* Custom scrollbar for plot container */
385
- .plot-container::-webkit-scrollbar {
386
- width: 8px !important;
387
- background: #000000 !important;
388
- }
389
-
390
- .plot-container::-webkit-scrollbar-track {
391
- background: #000000 !important;
392
- }
393
-
394
- .plot-container::-webkit-scrollbar-thumb {
395
- background-color: #333333 !important;
396
- border-radius: 4px !important;
397
  }
398
 
399
- .plot-container::-webkit-scrollbar-thumb:hover {
400
- background-color: #555555 !important;
401
- }
402
 
403
  /* Gradio plot component styling */
404
  .gr-plot {
 
1
+ /* Global dark theme with configurable margins */
2
  :root {
3
  --main-content-bottom-margin: 10px; /* Configurable bottom margin for main content */
4
  }
 
369
  border-color: #666666 !important;
370
  }
371
 
372
+ /* Plot container with smooth transitions and no scrolling */
373
  .plot-container {
374
  background-color: #000000 !important;
375
  border: none !important;
376
  transition: opacity 0.6s ease-in-out !important;
377
  flex: 1 1 auto !important;
378
  min-height: 0 !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
379
  }
380
 
381
+ /* Plot container scrollbar removed - using overflow: hidden */
 
 
382
 
383
  /* Gradio plot component styling */
384
  .gr-plot {