KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: Fixes unread view blocking page scroll (#2727)

Browse source 
* fix: Fixes unread view blocking page scroll

* Update sdk.js

* Fixes the height issue for unread view

* Fix unread message position issue

* Code climate fixes

* Fixes height issue for large messages

* Fixes height issue on unread view

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
This commit is contained in:
Nithin David Thomas 2021-08-07 11:56:15 +05:30 • committed by GitHub
parent b58ca21f0b
commit 9c257578b0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 67 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

30
app/javascript/sdk/sdk.js
View file

@ -12,6 +12,7 @@ export const SDK_CSS = `.woot-widget-holder {
border: 0;
height: 100% !important;
width: 100% !important;
max-height: 100vh !important;
}
.woot-widget-holder.has-unread-view {
@ -109,7 +110,8 @@ export const SDK_CSS = `.woot-widget-holder {
}
.woot--hide {
bottom: -20000px;
bottom: -20000px !important;
top: unset !important;
opacity: 0;
visibility: hidden !important;
z-index: -1 !important;
@ -126,12 +128,36 @@ export const SDK_CSS = `.woot-widget-holder {
top: 0;
width: 100%;
}
.woot-widget-holder iframe {
min-height: 100% !important;
}
.woot-widget-holder.has-unread-view {
height: auto;
right: 0;
width: auto;
bottom: 0;
top: auto;
max-height: 100vh;
padding: 0 8px;
}
.woot-widget-holder.has-unread-view iframe {
min-height: unset !important;
}
.woot-widget-holder.has-unread-view.woot-elements--left {
left: 0;
}
.woot-widget-bubble.woot--close {
bottom: 60px;
opacity: 0;
visibility: hidden !important;
z-index: -1 !important;
}
}
}
@media only screen and (min-width: 667px) {