autonomic-cooperative
/
hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: vertical align

This commit is contained in:
gaelle morin 2020-12-15 15:11:30 +01:00
parent 06e657f30e
commit 19a2e555b6
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/styles/header/_index.scss
View File

@ -3,6 +3,13 @@ header {
position: fixed; position: fixed;
z-index: 999; z-index: 999;
.v-aligned::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
img.logo { img.logo {
max-width: 200px; max-width: 200px;
} }
@ -25,7 +32,7 @@ header {
/* End */ /* End */
solid-notifications { solid-notifications {
color: var(--color-primary); color: var(--color-heading);
@media(min-width: 640px) { @media(min-width: 640px) {
padding: 0; padding: 0;
@ -60,6 +67,7 @@ header {
} }
span { span {
background-color: var(--color-primary);
color: white; color: white;
} }
} }
@ -210,10 +218,10 @@ header {
} }
.solid-notification__summary { .solid-notification__summary {
color: var(--color-grey); color: #636363;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.7rem; line-height: 1.7rem;
margin: 1.1rem 0 0; margin-top: 4px;
@media(min-width: 640px) { @media(min-width: 640px) {
max-width: 226px; max-width: 226px;
@ -225,6 +233,10 @@ header {
} }
} }
.solid-notification__date {
display: none;
}
.solid-notification__read { .solid-notification__read {
display: none; display: none;
} }

4
src/views/partials/header.pug
View File

@ -1,11 +1,11 @@
.segment.lg-quarter .segment.lg-quarter.v-aligned
solid-link(next='dashboard') solid-link(next='dashboard')
img.logo(src=`${clientLogo || '/images/logo.png'}`) img.logo(src=`${clientLogo || '/images/logo.png'}`)
.segment.lg-quarter .segment.lg-quarter
span.tag.reversed.color-primary.text-semibold(data-trans='header.beta') span.tag.reversed.color-primary.text-semibold(data-trans='header.beta')
.segment.lg-quarter .segment.lg-quarter.v-aligned
solid-notifications.notLoggedIn( solid-notifications.notLoggedIn(
nested-field="inbox" nested-field="inbox"
bind-user bind-user