Fix table header text-align (#30084)

Fix regression from https://github.com/go-gitea/gitea/pull/30047.
Apparently tables have certain user-agent styles that center inside
`<th>` etc. Restored the original fomantic rules for these.

Before:
<img width="1332" alt="Screenshot 2024-03-25 at 21 59 33"
src="https://github.com/go-gitea/gitea/assets/115237/e06a5509-b505-4752-9b6e-91d5ed49f61d">

After:
<img width="1330" alt="Screenshot 2024-03-25 at 21 59 40"
src="https://github.com/go-gitea/gitea/assets/115237/6444817f-dd61-4a1e-a8b3-959c2780148d">

(cherry picked from commit dd75237c3492140140c7413d788bd961692048d8)
This commit is contained in:
silverwind 2024-03-26 07:50:04 +01:00 committed by Earl Warren
parent eb696438fe
commit 11765a8206
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -23,11 +23,13 @@
} }
.ui.table > thead, .ui.table > thead,
.ui.table > tbody { .ui.table > tbody {
text-align: inherit;
vertical-align: inherit; vertical-align: inherit;
} }
.ui.table > thead > tr > th { .ui.table > thead > tr > th {
background: var(--color-box-header); background: var(--color-box-header);
text-align: inherit;
color: var(--color-text); color: var(--color-text);
padding: 6px 5px; padding: 6px 5px;
vertical-align: inherit; vertical-align: inherit;
@ -52,6 +54,7 @@
.ui.table > tfoot > tr > td { .ui.table > tfoot > tr > td {
border-top: 1px solid var(--color-secondary); border-top: 1px solid var(--color-secondary);
background: var(--color-box-body); background: var(--color-box-body);
text-align: inherit;
color: var(--color-text); color: var(--color-text);
padding: 0.78571429em; padding: 0.78571429em;
vertical-align: inherit; vertical-align: inherit;
@ -78,6 +81,7 @@
.ui.table > tbody > tr > td { .ui.table > tbody > tr > td {
border-top: 1px solid var(--color-secondary-alpha-50); border-top: 1px solid var(--color-secondary-alpha-50);
padding: 6px 5px; padding: 6px 5px;
text-align: inherit;
} }
.ui.table > tr:first-child > td, .ui.table > tr:first-child > td,
.ui.table > tbody > tr:first-child > td { .ui.table > tbody > tr:first-child > td {