From bf17f3aa5d3e947dd55dd5ff7c859c5f911b0a50 Mon Sep 17 00:00:00 2001
From: BATTLEHAWK <154075059@qq.com>
Date: Thu, 30 Sep 2021 23:04:20 +0800
Subject: [PATCH] ui: scoreboard overflow if problems too many (#223)

---
 packages/ui-default/components/table/table.page.styl    | 1 +
 packages/ui-default/misc/structure.styl                 | 3 +++
 packages/ui-default/pages/contest_scoreboard.page.styl  | 1 +
 packages/ui-default/pages/homework_scoreboard.page.styl | 3 ++-
 packages/ui-default/templates/contest_scoreboard.html   | 2 +-
 5 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/ui-default/components/table/table.page.styl b/packages/ui-default/components/table/table.page.styl
index 076936563..fe6d1f007 100644
--- a/packages/ui-default/components/table/table.page.styl
+++ b/packages/ui-default/components/table/table.page.styl
@@ -47,6 +47,7 @@
 
 .section__table-container
   overflow: hidden
+  overflow-x: auto
 
 .section__table-header
   background: $table-header-bg-color
diff --git a/packages/ui-default/misc/structure.styl b/packages/ui-default/misc/structure.styl
index 3dc5fe782..965698c9c 100644
--- a/packages/ui-default/misc/structure.styl
+++ b/packages/ui-default/misc/structure.styl
@@ -143,3 +143,6 @@
 
 .flex-cross-stretch
   align-items: stretch
+  
+.overflow-hidden-horizontal
+  overflow-x: hidden
diff --git a/packages/ui-default/pages/contest_scoreboard.page.styl b/packages/ui-default/pages/contest_scoreboard.page.styl
index 1a1fdf1b4..c04b1a89a 100644
--- a/packages/ui-default/pages/contest_scoreboard.page.styl
+++ b/packages/ui-default/pages/contest_scoreboard.page.styl
@@ -11,6 +11,7 @@
     text-align: center
 
   .col--problem_detail
+    min-width: rem(100px)
     border-left: 1px solid $table-border-color
     text-align: center
 
diff --git a/packages/ui-default/pages/homework_scoreboard.page.styl b/packages/ui-default/pages/homework_scoreboard.page.styl
index a8886dfb9..315c14f79 100644
--- a/packages/ui-default/pages/homework_scoreboard.page.styl
+++ b/packages/ui-default/pages/homework_scoreboard.page.styl
@@ -11,6 +11,7 @@
     text-align: center
 
   .col--problem_detail
+    min-width: rem(100px)
     border-left: 1px solid $table-border-color
     text-align: center
 
@@ -19,4 +20,4 @@
       width: auto
 
     .col--problem_detail
-      display: none
\ No newline at end of file
+      display: none
diff --git a/packages/ui-default/templates/contest_scoreboard.html b/packages/ui-default/templates/contest_scoreboard.html
index 28913485a..4d9b5d60c 100644
--- a/packages/ui-default/templates/contest_scoreboard.html
+++ b/packages/ui-default/templates/contest_scoreboard.html
@@ -12,7 +12,7 @@
         <span class="icon icon-download"></span> {{ _('Export as CSV') }}
       </a>
     </div>
-    <div class="section__body no-padding">
+    <div class="section__body no-padding overflow-hidden-horizontal">
       <table class="data-table">
         <colgroup>
         {%- for column in rows[0] -%}