Enhance table styling with sticky first column and improved z-index for headers

This commit is contained in:
fynks 2025-10-11 10:42:55 +05:00
parent 2a74b54573
commit 6b61409307

33
dist/css/styles.css vendored
View file

@ -1802,18 +1802,45 @@ th {
color: inherit
}
/* Sticky first column for all tables */
#file-hosts-table th:first-child,
#file-hosts-table td:first-child {
#file-hosts-table td:first-child,
.enhanced-table th:first-child,
.enhanced-table td:first-child,
.pricing-table th:first-child,
.pricing-table td:first-child,
.policies-table th:first-child,
.policies-table td:first-child {
position: sticky;
left: 0;
z-index: 101;
z-index: 10;
box-shadow: 2px 0 6px -4px rgba(0, 0, 0, .06)
}
#file-hosts-table td:first-child {
/* Ensure header cells in first column have higher z-index */
#file-hosts-table th:first-child,
.enhanced-table th:first-child,
.pricing-table th:first-child,
.policies-table th:first-child {
z-index: 101;
}
/* Inherit background for first column cells to match row backgrounds */
#file-hosts-table td:first-child,
.enhanced-table td:first-child,
.pricing-table td:first-child,
.policies-table td:first-child {
background-color: inherit
}
/* Ensure first column header cells match other headers */
#file-hosts-table th:first-child,
.enhanced-table th:first-child,
.pricing-table th:first-child,
.policies-table th:first-child {
background: var(--primary);
}
.policies-table tbody tr th:first-child,
.pricing-table tbody tr th:first-child {
background-color: inherit;