Skip to content

Commit 20a3c15

Browse files
silverwindGiteaBot
andcommitted
Reduce table padding globally (go-gitea#25568)
Fomantic's tables have too much padding. Reduce it so we have more information density in them. Especially the admin tables need this because they are bursting already because of column count. ## Admin repolist before and after <img width="909" alt="Screenshot 2023-06-28 at 20 27 55" src="https://github.com/go-gitea/gitea/assets/115237/954c925c-8db5-47ce-ae51-a2168b857014"> <img width="897" alt="Screenshot 2023-06-28 at 20 36 03" src="https://github.com/go-gitea/gitea/assets/115237/0bddc09a-9117-48b3-a17e-3d34c58d8d3d"> ## Other tables <img width="1230" alt="Screenshot 2023-06-28 at 20 36 22" src="https://github.com/go-gitea/gitea/assets/115237/38f555b6-a7ce-416a-9f1f-706eaf18863b"> <img width="1236" alt="Screenshot 2023-06-28 at 20 26 37" src="https://github.com/go-gitea/gitea/assets/115237/82b2878e-358c-4dc2-a6b4-c66e43cd2dfb"> <img width="1231" alt="Screenshot 2023-06-28 at 20 59 30" src="https://github.com/go-gitea/gitea/assets/115237/c6a92e55-a3a3-4c80-9a0d-50aebb49886c"> Files table is unaffected because it has custom padding already. --------- Co-authored-by: Giteabot <[email protected]>
1 parent e6f62ee commit 20a3c15

File tree

1 file changed

+18
-0
lines changed

1 file changed

+18
-0
lines changed

web_src/css/base.css

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -881,6 +881,24 @@ a.label,
881881
color: var(--color-text);
882882
}
883883

884+
/* reduce table padding, needed especially for dense admin tables */
885+
.ui.table > thead > tr > th,
886+
.ui.table > tbody > tr > td,
887+
.ui.table > tr > td {
888+
padding: 6px 3px;
889+
}
890+
/* use more horizontal padding on first and last items for visuals */
891+
.ui.table > thead > tr > th:first-of-type,
892+
.ui.table > tbody > tr > td:first-of-type,
893+
.ui.table > tr > td:first-of-type {
894+
padding-left: 10px;
895+
}
896+
.ui.table > thead > tr > th:last-of-type,
897+
.ui.table > tbody > tr > td:last-of-type,
898+
.ui.table > tr > td:last-of-type {
899+
padding-right: 10px;
900+
}
901+
884902
img.ui.avatar,
885903
.ui.avatar img,
886904
.ui.avatar svg {

0 commit comments

Comments
 (0)