From 47c0f946b31b414e0691f6f2499622ee15f6d456 Mon Sep 17 00:00:00 2001 From: Stephen Abello Date: Wed, 12 Aug 2020 15:06:09 +0200 Subject: [PATCH] =?UTF-8?q?N=C2=B02847=20Better=20handle=20of=20weird=20sh?= =?UTF-8?q?aped=20images=20for=20square=20logo=20and=20full=20logo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/backoffice/layout/_navigation-menu.scss | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/css/backoffice/layout/_navigation-menu.scss b/css/backoffice/layout/_navigation-menu.scss index 51f16df21e..b4630375f2 100644 --- a/css/backoffice/layout/_navigation-menu.scss +++ b/css/backoffice/layout/_navigation-menu.scss @@ -26,6 +26,7 @@ $ibo-navigation-menu--body--width-expanded: 310px !default; $ibo-navigation-menu--body--background-color: $ibo-color-blue-grey-900 !default; $ibo-navigation-menu--body--text-color: $ibo-color-grey-300 !default; +$ibo-navigation-menu--top-part--height: 120px !default; $ibo-navigation-menu--top-part--padding-y: $ibo-navigation-menu--body--padding-y !default; $ibo-navigation-menu--top-part--padding-x: $ibo-navigation-menu--body--padding-x !default; $ibo-navigation-menu--top-part--elements-spacing: 20px !default; @@ -54,11 +55,13 @@ $ibo-navigation-menu--action-icon--width: 28px !default; $ibo-navigation-menu--action-icon--text-color--on-hover: $ibo-color-white-100 !default; $ibo-navigation-menu--square-company-logo--width: 38px !default; +$ibo-navigation-menu--square-company-logo--height: 38px !default; $ibo-navigation-menu--square-company-logo--margin-top: 0 !default; $ibo-navigation-menu--square-company-logo--margin-x: -5px !default; $ibo-navigation-menu--square-company-logo--margin-bottom: $ibo-navigation-menu--body--padding-y * 2 !default; $ibo-navigation-menu--full-company-logo--width: $ibo-navigation-menu--body--width-expanded !default; +$ibo-navigation-menu--full-company-logo--height: 70px !default; $ibo-navigation-menu--full-company-logo--margin-top: 0 !default; $ibo-navigation-menu--full-company-logo--margin-right: 0 !default; $ibo-navigation-menu--full-company-logo--margin-bottom: 0 !default; @@ -261,8 +264,9 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default; } /* - Top part */ .ibo-navigation-menu--top-part{ + height: $ibo-navigation-menu--top-part--height; padding: $ibo-navigation-menu--top-part--padding-y $ibo-navigation-menu--top-part--padding-x; - overflow-x: hidden; + overflow: hidden; } /* - Middle part */ .ibo-navigation-menu--middle-part{ @@ -313,14 +317,20 @@ $ibo-navigation-menu--user-picture--image-expanded--size: 72px !default; .ibo-navigation-menu--square-company-logo{ display: flex; width: $ibo-navigation-menu--square-company-logo--width; + height: $ibo-navigation-menu--square-company-logo--height; margin: $ibo-navigation-menu--square-company-logo--margin-top $ibo-navigation-menu--square-company-logo--margin-x $ibo-navigation-menu--square-company-logo--margin-bottom; + >img { + object-fit: contain; + } } /* - Company logo: full */ .ibo-navigation-menu--full-company-logo{ display: none; width: $ibo-navigation-menu--full-company-logo--width; + height: $ibo-navigation-menu--full-company-logo--height; margin: $ibo-navigation-menu--full-company-logo--margin-top $ibo-navigation-menu--full-company-logo--margin-right $ibo-navigation-menu--full-company-logo--margin-bottom $ibo-navigation-menu--full-company-logo--margin-left; >img{ + object-fit: contain; margin: $ibo-navigation-menu--full-company-logo--image--margin-y $ibo-navigation-menu--full-company-logo--image--margin-x; } }