From ebdd63f327b006de4262e76e097dfd491f1eabdb Mon Sep 17 00:00:00 2001 From: Sahil Batra Date: Tue, 8 Aug 2023 20:09:52 +0530 Subject: [PATCH] settings: Fix heading borders for striped tables. The bottom border of heading row in striped (and not bordered) tables was thicker than needed due to two borders being present - one from the bottom border for heading element and one from top border for the first row in the table. This commit changes the CSS to remove the top border of the first row. --- web/styles/app_components.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/web/styles/app_components.css b/web/styles/app_components.css index a4f8e10a7b..9cf7a2f851 100644 --- a/web/styles/app_components.css +++ b/web/styles/app_components.css @@ -700,9 +700,15 @@ div.overlay { margin-bottom: 20px; width: 100%; - &:not(.table-bordered) thead th { - border-top: 1px solid hsl(0deg 0% 0% / 20%) !important; - border-bottom: 1px solid hsl(0deg 0% 0% / 20%) !important; + &:not(.table-bordered) { + thead th { + border-top: 1px solid hsl(0deg 0% 0% / 20%) !important; + border-bottom: 1px solid hsl(0deg 0% 0% / 20%) !important; + } + + tbody tr:first-child td { + border-top: 0; + } } & thead th {