diff --git a/web_responsive/static/src/css/web_responsive.scss b/web_responsive/static/src/css/web_responsive.scss index 3b11e63a..66194eb3 100644 --- a/web_responsive/static/src/css/web_responsive.scss +++ b/web_responsive/static/src/css/web_responsive.scss @@ -216,6 +216,8 @@ html .o_web_client .o_main .o_main_content { overflow: initial; } } + + max-width: 100%; } // Control panel (breadcrumbs, search box, buttons...) @@ -324,12 +326,50 @@ html .o_web_client .o_main .o_main_content { .o_content, .modal-content { 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 .o_form_view { .o_form_sheet { 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) { min-width: auto; @@ -440,8 +480,6 @@ html .o_web_client .o_main .o_main_content { flex: 1 0 auto; text-align: left; } - //border: 1px solid $table-border-color; - //border-width: 0 0 1px 0; .o_topbar_right_area { order: -10;