IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 18:30:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: allows notch to have composer bg color (#21589)

Browse Source
This commit is contained in:
Joffrey JAFFEUX 2023-05-16 18:46:14 +02:00 committed by GitHub
parent f45d1e6791
commit 4bfd1fd998
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/chat/assets/stylesheets/common/chat-composer.scss
View File

@ -4,7 +4,11 @@
flex-direction: column;
z-index: 3;
background-color: var(--primary-very-low);
padding: 12px 10px 0 10px;
padding: 12px 10px env(safe-area-inset-bottom) 10px;
.keyboard-visible & {
padding-bottom: 0;
}
#chat-full-page-uploader,
#chat-widget-uploader {

8
plugins/chat/assets/stylesheets/common/chat-height-mixin.scss
View File

@ -1,10 +1,9 @@
@mixin chat-height {
@mixin chat-height($inset: 0px) {
// desktop and mobile
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--chat-draft-header-height, 0px) -
var(--chat-direct-message-creator-height, 0px) -
env(safe-area-inset-bottom)
var(--chat-direct-message-creator-height, 0px) - $inset
);
// mobile with keyboard opened
@ -21,8 +20,7 @@
height: calc(
var(--chat-vh, 1vh) * 100 - var(--header-offset, 0px) -
var(--footer-nav-height, 0px) - var(--chat-draft-header-height, 0px) -
var(--chat-direct-message-creator-height, 0px) -
env(safe-area-inset-bottom)
var(--chat-direct-message-creator-height, 0px)
);
}

2
plugins/chat/assets/stylesheets/common/chat-threads-list.scss
View File

@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
position: relative;
@include chat-height;
@include chat-height(env(safe-area-inset-bottom));
&__items {
overflow-y: scroll;