From db1d2d75d67b4fc62148c6b0ab95ae33fe2ffd59 Mon Sep 17 00:00:00 2001 From: Runxi Yu Date: Mon, 10 Mar 2025 23:53:43 +0800 Subject: css, html: Fix for multi-row headers and footers --- static/style.css | 32 +++++++++++++++++++------------- 1 file changed, 19 insertions(+), 13 deletions(-) (limited to 'static/style.css') diff --git a/static/style.css b/static/style.css index 85b0e5a..1c94836 100644 --- a/static/style.css +++ b/static/style.css @@ -76,7 +76,7 @@ html, code, pre { display: table-row-group; } -table.rounded { +table.rounded, table.rounded-footed { overflow: hidden; border-spacing: 0; border-collapse: separate; @@ -84,29 +84,35 @@ table.rounded { border: var(--lighter-border-color) solid 1px; } -table.rounded th, table.rounded td { +table.rounded th, table.rounded td, +table.rounded-footed th, table.rounded-footed td { border: none; } table.rounded th:not(:last-child), -table.rounded td:not(:last-child) { +table.rounded td:not(:last-child), +table.rounded-footed th:not(:last-child), +table.rounded-footed td:not(:last-child) { border-right: var(--lighter-border-color) solid 1px; } -table.rounded>thead>tr:not(:last-child)>th, -table.rounded>thead>tr:not(:last-child)>td, +table.rounded>thead>tr>th, +table.rounded>thead>tr>td, table.rounded>tbody>tr:not(:last-child)>th, -table.rounded>tbody>tr:not(:last-child)>td, -table.rounded>tfoot>tr:not(:last-child)>th, -table.rounded>tfoot>tr:not(:last-child)>td, -table.rounded>tr:not(:last-child)>td, -table.rounded>tr:not(:last-child)>th, -table.rounded>thead:not(:last-child), -table.rounded>tbody:not(:last-child), -table.rounded>tfoot:not(:last-child) { +table.rounded>tbody>tr:not(:last-child)>td { border-bottom: var(--lighter-border-color) solid 1px; } +table.rounded-footed>thead>tr>th, +table.rounded-footed>thead>tr>td, +table.rounded-footed>tbody>tr>th, +table.rounded-footed>tbody>tr>td, +table.rounded-footed>tfoot>tr:not(:last-child)>th, +table.rounded-footed>tfoot>tr:not(:last-child)>td { + border-bottom: var(--lighter-border-color) solid 1px; +} + + /* Footer styles */ footer { margin-top: 1rem; -- cgit v1.2.3