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/2110/head
Alexandre Díaz 2019-12-11 16:23:56 +01:00 committed by Lois Rilo
parent be2c2aa71f
commit 79247c53b6
2 changed files with 66 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web_widget_x2many_2d_matrix/__manifest__.py
View File

@ -4,7 +4,7 @@
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl).
{
'name': '2D matrix for x2many fields',
'version': '12.0.2.1.0',
'version': '12.0.2.2.0',
'author': (
'Therp BV, '
'Tecnativa, '

74
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 {
font-weight: bold;
}
$x2many_2d_matrix_max_height: 450px;
.o_form_view .o_x2many_2d_matrix.o_list_view {
thead > tr > th {
// Respect newline characters
white-space: pre-line;
.o_form_view .o_field_x2many_2d_matrix {
.table-responsive {
max-height: $x2many_2d_matrix_max_height;
overflow-y: auto;
}
> tfoot > tr > td {
padding: 0.75rem;
.o_x2many_2d_matrix.o_list_view {
> thead > tr > th {
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 {
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;
}
}
}
}