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

[FIX] odoo_theme: fix scrollTo margin/padding with new headers height

Browse Source 
The scroll padding needed increasing with the new sub-header.
Unnecessary calc() and parenthesis on the headers-height variable are
removed.

X-original-commit: 0b536debac
This commit is contained in:
Elisabeth Dickinson 2022-06-16 16:04:45 +02:00 committed by Antoine Vandevenne (anv)
parent 75a4ed156b
commit 283787fe55
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
extensions/odoo_theme/static/scss/_mixins.scss
View File

@ -103,8 +103,8 @@
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
padding-top: $o-header-height + 10px; padding-top: calc(#{$o-headers-height} + 10px);
margin-top: -$o-header-height - 10px; margin-top: -$o-headers-height - 10px;
} }

6
extensions/odoo_theme/static/scss/_variables.scss
View File

@ -235,10 +235,10 @@ $o-header-mobile-height: 50px;
$o-header-height: 80px; $o-header-height: 80px;
$o-header-white: #ffffff; $o-header-white: #ffffff;
$o-subheader-height: calc(#{$o-header-height}/2.5); $o-subheader-height: 32px;
$o-headers-mobile-height: calc(#{$o-header-mobile-height} + (#{$o-subheader-height})); $o-headers-mobile-height: $o-header-mobile-height + $o-subheader-height;
$o-headers-height: calc(#{$o-header-height} + #{$o-subheader-height}); $o-headers-height: $o-header-height + $o-subheader-height;
// Navigation // Navigation
$o-side-nav-width: 350px; $o-side-nav-width: 350px;
$o-on-page-width: 20%; $o-on-page-width: 20%;

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

@ -207,7 +207,7 @@ header {
} }
.o_side_nav-inner { .o_side_nav-inner {
width: 90%; width: 90%;
height: calc(100% - (#{$o-headers-mobile-height}); height: calc(100% - #{$o-headers-mobile-height});
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
left: -100%; left: -100%;
@ -220,7 +220,7 @@ header {
font-weight: $fw_regular; font-weight: $fw_regular;
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
width: $o-side-nav-width; width: $o-side-nav-width;
height: calc(100vh - (#{$o-headers-height})); height: calc(100vh - #{$o-headers-height});
left: 0; left: 0;
padding-top: $padding-m; padding-top: $padding-m;
padding-left: $padding-m; padding-left: $padding-m;