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

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

View File

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

View File

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