This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/incubator-answer.git

commit 237315532c5cf659e33f5af63c0b0613c3105686
Author: hgaol <[email protected]>
AuthorDate: Tue Apr 23 23:53:02 2024 +0800

    feat: allow tables to be scrolled horizontally with ease in Admin
---
 ui/src/pages/Admin/Questions/index.tsx | 4 ++--
 ui/src/pages/Admin/index.scss          | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/pages/Admin/Questions/index.tsx 
b/ui/src/pages/Admin/Questions/index.tsx
index 716120d3..906885b5 100644
--- a/ui/src/pages/Admin/Questions/index.tsx
+++ b/ui/src/pages/Admin/Questions/index.tsx
@@ -91,10 +91,10 @@ const Questions: FC = () => {
           style={{ width: '12.25rem' }}
         />
       </div>
-      <Table>
+      <Table responsive>
         <thead>
           <tr>
-            <th>{t('post')}</th>
+            <th className="post-column">{t('post')}</th>
             <th style={{ width: '8%' }}>{t('votes')}</th>
             <th style={{ width: '8%' }}>{t('answers')}</th>
             <th style={{ width: '15%' }}>{t('created')}</th>
diff --git a/ui/src/pages/Admin/index.scss b/ui/src/pages/Admin/index.scss
index c723b8ac..5a78d5f3 100644
--- a/ui/src/pages/Admin/index.scss
+++ b/ui/src/pages/Admin/index.scss
@@ -21,3 +21,9 @@
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+
+.table {
+  .post-column {
+    min-width: 15rem;
+  }
+}

Reply via email to