Techsystech
/
web
mirror of https://github.com/OCA/web.git
3
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

[IMP] web_widget_x2many_matrix: Sticky header, footer rows and main, totals columns

pull/1484/head
Alexandre Díaz 2019-12-11 16:23:56 +01:00 committed by Adrià Gil Sorribes
parent 1848c59a93
commit ded7922ca0
1 changed files with 65 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
web_widget_x2many_2d_matrix/static/src/scss/web_widget_x2many_2d_matrix.scss
View File

@ -1,14 +1,70 @@
.o_field_x2many_2d_matrix .row-total { $x2many_2d_matrix_max_height: 450px;
font-weight: bold;
.o_form_view .o_field_x2many_2d_matrix {
.table-responsive {
max-height: $x2many_2d_matrix_max_height;
overflow-y: auto;
} }
.o_form_view .o_x2many_2d_matrix.o_list_view { .o_x2many_2d_matrix.o_list_view {
thead > tr > th { > thead > tr > th {
// Respect newline characters
white-space: pre-line; white-space: pre-line;
position: sticky;
top: 0;
z-index: 1;
background-color: $o-list-footer-bg-color;
&.total {
right: 0;
}
}
> tbody {
> tr {
&:nth-of-type(2n+1) td.row-total, &:nth-of-type(2n+1) td:first-child {
background-color: mix(#000, #fff, 1%);
}
&:nth-of-type(2n) td.row-total, &:nth-of-type(2n) td:first-child {
background-color: white;
}
> td {
text-align: left;
&:first-child {
position: sticky;
left: 0;
border-right-width: 1px;
border-right-color: $gray-300;
border-right-style: solid;
box-shadow: -1px 5px 10px $gray-300;
}
&.row-total {
font-weight: bold;
position: sticky;
right: 0;
border-left-width: 1px;
border-left-color: $gray-300;
border-left-style: solid;
box-shadow: -1px 5px 10px $gray-300;
}
}
}
} }
> tfoot > tr > td { > tfoot > tr > td {
padding: 0.75rem; padding: 0.75rem;
text-align: left;
background-color: $o-list-footer-bg-color;
position: sticky;
bottom: 0;
&.col-total {
right: 0;
border-left-width: 1px;
border-left-color: $gray-300;
border-left-style: solid;
}
}
} }
} }