From c38c62b6564bb246da77e399003f5161ad74c769 Mon Sep 17 00:00:00 2001 From: gaelle morin Date: Fri, 12 Jun 2020 15:05:12 +0200 Subject: [PATCH] bugfix: notification kist display on small screen --- src/dependencies.pug | 4 ++-- src/styles/base/header.scss | 5 +++-- src/styles/components/chat.scss | 2 +- 3 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/dependencies.pug b/src/dependencies.pug index 56730ff..e0ecb12 100644 --- a/src/dependencies.pug +++ b/src/dependencies.pug @@ -24,8 +24,8 @@ if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers) //- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer) if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users)) - script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer) - //- script(type="module" src="/lib/sib-directory/dist/index.js" defer) + //-script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer) + script(type="module" src="/lib/sib-directory/dist/index.js" defer) if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards) script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer) diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss index dbfda01..a6e89ab 100644 --- a/src/styles/base/header.scss +++ b/src/styles/base/header.scss @@ -7,12 +7,13 @@ color: var(--color-black); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); flex-shrink: 0; - position: relative; - z-index: 1; + position: fixed; + z-index: 999; @include breakpoint(lg) { max-height: 83px; height: 83px; + position: relative; } &.is-spaced { diff --git a/src/styles/components/chat.scss b/src/styles/components/chat.scss index caf72c1..6583437 100644 --- a/src/styles/components/chat.scss +++ b/src/styles/components/chat.scss @@ -1,6 +1,6 @@ .chat-view { padding: 0; - height: calc(100vh - 50px - 56px); /* Header's and subheader's height on mobile */ + height: calc(100vh); position: relative; overflow: hidden;