NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] odoo_theme: remove the horizontal scroll bar

Browse Source 
X-original-commit: 26bc1cd707
This commit is contained in:
Elisabeth Dickinson 2022-06-16 13:43:18 +02:00 committed by Antoine Vandevenne (anv)
parent 51271e432b
commit 235464d0d9
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
extensions/odoo_theme/static/style.scss
View File

@ -378,14 +378,13 @@ header {
display: none; display: none;
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
display: block; display: block;
grid-area: toc;
top: $o-headers-height; top: $o-headers-height;
right: 0;
padding: $padding-m $padding-s $padding-m 0; padding: $padding-m $padding-s $padding-m 0;
overflow-y: auto; overflow-y: auto;
} }
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
width: $o-on-page-width;
height: 100%; height: 100%;
max-height: calc(100vh - #{$o-headers-height}); max-height: calc(100vh - #{$o-headers-height});
} }
@ -423,10 +422,13 @@ header {
//------------------------------------------------------------------------------ //------------------------------------------------------------------------------
#wrap { #wrap {
display: grid;
grid-template-areas: "main";
grid-template-columns: minmax(0,100%);
margin-top: $o-headers-mobile-height; margin-top: $o-headers-mobile-height;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
display: flex; grid-template-areas: "sidebar main toc";
justify-content: space-between; grid-template-columns: minmax(0,$o-side-nav-width) minmax(0,auto) minmax(0,$o-on-page-width);
margin-top: $o-headers-height; margin-top: $o-headers-height;
} }
@ -473,22 +475,19 @@ header {
main { main {
position: relative; position: relative;
grid-area: main;
padding-bottom: $padding-l; padding-bottom: $padding-l;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
left: calc(#{$o-side-nav-width} - #{$padding-s});
max-width: calc(100vw - #{$o-side-nav-width});
padding: $padding-m $padding-l; padding: $padding-m $padding-l;
margin: 0; margin: 0;
grid-column-end: toc;
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
left: $o-side-nav-width; grid-column-end: main;
max-width: calc(100vw - #{$o-side-nav-width} - #{$o-on-page-width});
} }
&.o_index, &.o_fullwidth_page, &.o_has_code_column { &.o_index, &.o_fullwidth_page, &.o_has_code_column {
@include media-breakpoint-up(xl) { grid-column-end: toc;
max-width: calc(100vw - #{$o-side-nav-width});
}
} }
// Homepage // Homepage