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

update: user's panel responsive + height of chat view

Browse Source
This commit is contained in:
gaelle morin 2020-06-08 15:50:42 +02:00
parent 797728b743
commit 58e2f3b2ea
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/styles/base/header.scss
View File

@ -157,6 +157,7 @@ sib-notifications {
sib-display-value[name='first_name'] {
@include icon('arrow-down');
align-items: center;
display: none;
flex-direction: row-reverse;
font-size: 1.8rem;
font-weight: 600;
@ -165,8 +166,8 @@ sib-notifications {
margin-left: 1.5rem;
}
@include breakpoint(sm) {
display: none;
@include breakpoint(lg) {
display: flex;
}
}
}

7
src/styles/components/chat.scss
View File

@ -1,16 +1,19 @@
.chat-view {
padding: 0;
height: calc(100vh - 84px - 83px);
height: calc(100vh - 50px - 56px); /* Header's and subheader's height on mobile */
position: relative;
overflow: hidden;
@include breakpoint(lg) {
height: calc(100vh - 84px - 83px); /* Header's and subheader's height on mobile */
}
> sib-chat {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: calc(100vh - 84px - 83px);
z-index: 0;
}
}