[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
This commit is contained in:
Nicolas Lempereur
2018-10-11 14:18:13 +00:00
parent 9ffe661d1a
commit 92bfbfd4f7
@@ -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;
}
}