From e0c955129b961009e2a7a2cdcf522087c82b461d Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Mon, 23 Nov 2020 12:03:34 +0100 Subject: [PATCH] feature: header: vertical centering --- src/header.pug | 6 +++--- src/styles/base/main.scss | 6 ++---- 2 files changed, 5 insertions(+), 7 deletions(-) diff --git a/src/header.pug b/src/header.pug index ce24cfb..2fe2110 100644 --- a/src/header.pug +++ b/src/header.pug @@ -1,12 +1,12 @@ -.segment.lg-three-quarter.float-left +.segment.lg-three-quarter.float-left.align-middle .logo solid-link(next='dashboard') - img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '32px'}`) + img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '52px'}`) span.tag.beta.reversed.color-primary(data-trans='header.beta') .segment.lg-auto.float-right - .segment.lg-auto.float-left.margin-right + .segment.lg-auto.float-left.margin-right.align-middle solid-notifications.notLoggedIn( nested-field="inbox" bind-user diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index 1f9970f..38846ad 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -26,10 +26,8 @@ /*background: white;*/ position: relative; - .content-vertically-centered { - position: absolute; - top: 50%; - transform: translateY(-50%); + .align-middle { + transform: translateY(50%); } &.lg-{ &hidden {