From e0c955129b961009e2a7a2cdcf522087c82b461d Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
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 ce24cfb0..2fe21107 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 1f9970fa..38846adf 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 {
--
GitLab