From 6ef622772f7d0172553aca6dbce9eb71855460d7 Mon Sep 17 00:00:00 2001 From: Mithilesh Rao Date: Tue, 18 Aug 2020 11:15:23 +0000 Subject: [PATCH] [FIX] website: Fix modal dialog overlap with navbar Currently, when there is modal dialog in website the header part of the modal is hidden behind the navbar and the modal is not centered. so in this commit, When the modal is in #wrapwrap, modal position top should be size of the navbar. closes odoo/odoo#56056 Taskid: 2320303 Signed-off-by: Yannick Tivisse (yti) --- addons/website/static/src/scss/website.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 629f2b67573..86354dc1b3a 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -87,6 +87,11 @@ $-seen-urls: (); } #wrapwrap { + // When the modal is in #wrapwrap, position top should be size of the navbar + .modal { + top: $o-navbar-height; + } + @if o-website-value('body-image') { background-image: url("/#{str-slice(o-website-value('body-image'), 2)}"); background-position: center;