Improve table styling with default and alternating background colors for first column cells
This commit is contained in:
parent
6b61409307
commit
fc134297e1
1 changed files with 16 additions and 3 deletions
19
dist/css/styles.css
vendored
19
dist/css/styles.css
vendored
|
|
@ -1825,12 +1825,20 @@ th {
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Inherit background for first column cells to match row backgrounds */
|
/* Default background for first column cells */
|
||||||
#file-hosts-table td:first-child,
|
#file-hosts-table td:first-child,
|
||||||
.enhanced-table td:first-child,
|
.enhanced-table td:first-child,
|
||||||
.pricing-table td:first-child,
|
.pricing-table td:first-child,
|
||||||
.policies-table td:first-child {
|
.policies-table td:first-child {
|
||||||
background-color: inherit
|
background-color: var(--bg-primary)
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Alternating row background for first column in even rows */
|
||||||
|
#file-hosts-table tr:nth-child(even) td:first-child,
|
||||||
|
.enhanced-table tr:nth-child(even) td:first-child,
|
||||||
|
.pricing-table tr:nth-child(even) td:first-child,
|
||||||
|
.policies-table tr:nth-child(even) td:first-child {
|
||||||
|
background-color: var(--bg-tertiary)
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ensure first column header cells match other headers */
|
/* Ensure first column header cells match other headers */
|
||||||
|
|
@ -1843,11 +1851,16 @@ th {
|
||||||
|
|
||||||
.policies-table tbody tr th:first-child,
|
.policies-table tbody tr th:first-child,
|
||||||
.pricing-table tbody tr th:first-child {
|
.pricing-table tbody tr th:first-child {
|
||||||
background-color: inherit;
|
background-color: var(--bg-primary);
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-weight: var(--font-medium)
|
font-weight: var(--font-medium)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.policies-table tbody tr:nth-child(even) th:first-child,
|
||||||
|
.pricing-table tbody tr:nth-child(even) th:first-child {
|
||||||
|
background-color: var(--bg-tertiary);
|
||||||
|
}
|
||||||
|
|
||||||
.filter-results {
|
.filter-results {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: .1em;
|
padding: .1em;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue