Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

informational_overlays: Fix top and bottom borders in thead. 

Previously, two borders were applied on the heading of tables
in informational_overlay. Top of the heading element had one
border from "table" and one from "th" element. Bottom of the
heading had one border from "th" element and one from "td"
element.

This commit fixes it by changing the CSS for borders on
"th" element to be applied only on striped tables without
borders (i.e. tables having "table-striped" class but not
"table-bordered" class) as bordered tables already have
top borders defined on td and table element while on
striped tables without borders, only bottom border is
applied on "td" elements along with the top and bottom
borders on "th".
This commit is contained in:
Sahil Batra 2023-07-24 19:37:52 +05:30 committed by Tim Abbott
parent 3ce6fbe10a
commit 91cba1a05e
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/app_components.css
View File

@ -698,12 +698,15 @@ div.overlay {
table-layout: auto;
border-collapse: separate;
&: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;
}
& thead th {
min-width: 100px;
color: inherit;
background-color: hsl(0deg 0% 100%);
border-top: 1px solid hsl(0deg 0% 0% / 20%) !important;
border-bottom: 1px solid hsl(0deg 0% 0% / 20%) !important;
&.active::after,
&[data-sort]:hover::after {