raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make table header sticky

Browse Source 
But it overlaps the .form-actions. how to make them sticky together..

todo: register the z-index in variables.scss
This commit is contained in:
David Cook
2024-01-09 13:25:43 +11:00
parent e48d009668
commit 4f27bea02f
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/webpacker/css/admin/products_v3.scss
View File

@@ -49,9 +49,15 @@
border-collapse: separate; // This is needed for the outer padding. Also should be helpful to give more flexibility of borders between rows.
// Additional horizontal padding to align with input contents
thead th.with-input {
padding-left: $padding-tbl-cell + $hpadding-txt;
padding-right: $padding-tbl-cell + $hpadding-txt;
thead {
position: sticky;
top: 0;
z-index: 1; // TODO: Cover .popout and .vertical-ellipsis-menu, but only when sticky
th.with-input {
padding-left: $padding-tbl-cell + $hpadding-txt;
padding-right: $padding-tbl-cell + $hpadding-txt;
}
}
// Row hover