bugfix: notification kist display on small screen

This commit is contained in:
gaelle morin 2020-06-12 15:05:12 +02:00
parent fb8e923ec9
commit c38c62b656
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
3 changed files with 6 additions and 5 deletions

View File

@ -24,8 +24,8 @@ if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
//- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer) //- 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)) 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="https://unpkg.com/@startinblox/component-directory@0.4" defer)
//- script(type="module" src="/lib/sib-directory/dist/index.js" defer) script(type="module" src="/lib/sib-directory/dist/index.js" defer)
if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards) if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer) script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer)

View File

@ -7,12 +7,13 @@
color: var(--color-black); color: var(--color-black);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
flex-shrink: 0; flex-shrink: 0;
position: relative; position: fixed;
z-index: 1; z-index: 999;
@include breakpoint(lg) { @include breakpoint(lg) {
max-height: 83px; max-height: 83px;
height: 83px; height: 83px;
position: relative;
} }
&.is-spaced { &.is-spaced {

View File

@ -1,6 +1,6 @@
.chat-view { .chat-view {
padding: 0; padding: 0;
height: calc(100vh - 50px - 56px); /* Header's and subheader's height on mobile */ height: calc(100vh);
position: relative; position: relative;
overflow: hidden; overflow: hidden;