From 92bfbfd4f79cc8156cdde0f66fa15ff20baf1245 Mon Sep 17 00:00:00 2001 From: Nicolas Lempereur Date: Wed, 10 Oct 2018 15:57:12 +0000 Subject: [PATCH] [FIX] web: improve style header background layout As per fpodoo specification: - decrease max width of logo (from max 33% of header width, to max 22%) - decrease font-size of tagline by 30% So logo is smaller, and company address has less probability to get pushed lower (since sum of contents are larger than width). Sizing the header works as follow: If the header is equal to wkhtmltopdf page width or bigger, it is zoomed out until it fits. So with current configuration: - 100% of width is 900px, - company tagline is at maximum 33% (300/900), - company logo is at maximum 20% (200/900), - remaining (company address) is remaining space of 44% (400/900) closes #27641 --- addons/web/static/src/scss/layout_background.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/addons/web/static/src/scss/layout_background.scss b/addons/web/static/src/scss/layout_background.scss index 9f4aed173f4..ff2d0cef3b0 100644 --- a/addons/web/static/src/scss/layout_background.scss +++ b/addons/web/static/src/scss/layout_background.scss @@ -3,18 +3,17 @@ color: gray('700'); } .o_background_header { + min-width: 900px; border-bottom: 1px solid gray('200'); - .company_address { - min-width: 300px; - } img { max-height: 96px; - max-width: 300px; + max-width: 200px; margin-right: 16px; } h3 { color: $o-brand-odoo; font-weight: 700; + font-size: 1.25rem; max-width: 300px; } }