diff options
| author | stefanorigano <sri@odoo.com> | 2017-05-11 14:49:49 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2017-06-06 17:37:33 +0200 |
| commit | 3ac160aa09ef63df5fe1d057aeb3a9c9e2610e77 (patch) | |
| tree | a29f685202689e25dbdb601bac4d3233413e3747 | |
| parent | c705169b20cc6b47e9ef011ba20d1308bab4d82b (diff) | |
[IMP] website: company logo sizing
Rather than use a fixed height, make the logo fill the navbar height.
| -rw-r--r-- | addons/website/static/src/less/website.wrapwrap.less | 19 |
1 files changed, 12 insertions, 7 deletions
diff --git a/addons/website/static/src/less/website.wrapwrap.less b/addons/website/static/src/less/website.wrapwrap.less index 3a774f8b434..141b08e4fbd 100644 --- a/addons/website/static/src/less/website.wrapwrap.less +++ b/addons/website/static/src/less/website.wrapwrap.less @@ -3,6 +3,12 @@ /// snippets-specific rules. /// +// Resize and vertically align navbar’s items relative to @navbar-height +.o-w-fill-navbar(@ratio: 0.8) { + height: round(@navbar-height * @ratio); + margin-top: round(@navbar-height * (1 - @ratio) / 2); +} + #wrapwrap { position: relative; display: table; @@ -22,10 +28,10 @@ header a.navbar-brand { &.logo { padding: 0 15px; - } - img { - max-height: 35px; - margin-top: 8px; + + img { + .o-w-fill-navbar(); + } } } footer { @@ -174,9 +180,8 @@ hr { .navbar.navbar-static-top { margin-bottom: 0; ul.nav > li.divider { - margin-top: 15px; - padding-top: 20px; - border-right: 1px solid grey; + .o-w-fill-navbar(); + border-right: 1px solid @navbar-default-link-disabled-color; } } ul.nav-stacked > li > a { |