danvics/debrid-services-comparison
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
fynks 2025-10-11 10:42:55 +05:00
parent 2a74b54573
commit 6b61409307
1 changed files with 30 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
dist/css/styles.css vendored
View file

@ -1802,18 +1802,45 @@ th {
color: inherit color: inherit
} }
/* Sticky first column for all tables */
#file-hosts-table th:first-child, #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; position: sticky;
left: 0; left: 0;
z-index: 101; z-index: 10;
box-shadow: 2px 0 6px -4px rgba(0, 0, 0, .06) 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 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, .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: inherit;