Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[IMP] web_responsive: Sticky in tree view and form view

14.0
Alexandre Díaz 2019-06-06 14:21:21 +02:00 committed by Splash
parent 9fc4a0372e
commit 2465cf590f
1 changed files with 40 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
web_responsive/static/src/css/web_responsive.scss
View File

@ -216,6 +216,8 @@ html .o_web_client .o_main .o_main_content {
overflow: initial; overflow: initial;
} }
} }
max-width: 100%;
} }
// Control panel (breadcrumbs, search box, buttons...) // Control panel (breadcrumbs, search box, buttons...)
@ -324,12 +326,50 @@ html .o_web_client .o_main .o_main_content {
.o_content, .modal-content { .o_content, .modal-content {
max-width: 100%; max-width: 100%;
// Sticky Header & Footer in List View
>div {
>.table-responsive {
overflow-x: initial;
>.o_list_view {
// th & td are here for compatibility with chrome
thead, thead tr:nth-child(1) th {
position: sticky;
top: 0;
z-index: 1;
}
thead tr:nth-child(1) th {
background-color: $o-list-footer-bg-color;
}
tfoot, tfoot tr:nth-child(1) td {
position: sticky;
bottom: 0;
}
tfoot tr:nth-child(1) td {
background-color: $o-list-footer-bg-color;
}
}
}
}
// Form views // Form views
.o_form_view { .o_form_view {
.o_form_sheet { .o_form_sheet {
max-width: calc(100% - 32px); max-width: calc(100% - 32px);
} }
// Sticky statusbar
.o_form_statusbar {
position: sticky;
top: 0;
z-index: 1;
}
.oe_title {
max-width: 100%;
width: initial;
}
@include media-breakpoint-down(sm) { @include media-breakpoint-down(sm) {
min-width: auto; min-width: auto;
@ -440,8 +480,6 @@ html .o_web_client .o_main .o_main_content {
flex: 1 0 auto; flex: 1 0 auto;
text-align: left; text-align: left;
} }
//border: 1px solid $table-border-color;
//border-width: 0 0 1px 0;
.o_topbar_right_area { .o_topbar_right_area {
order: -10; order: -10;