LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

Adds unread message bubbles for widget (#943)

Browse Source 
Co-authored-by: Sojan <sojan@pepalo.com>
Co-authored-by: Pranav Raj S <pranav@thoughtwoot.com>
This commit is contained in:
Nithin David Thomas
2020-07-08 00:04:44 +05:30
committed by GitHub
parent 6a7d810c95
commit 49db9c5d8a
25 changed files with 787 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/widget/assets/scss/_variables.scss
View File

@@ -60,6 +60,11 @@ $color-body: #3c4858;
$color-heading: #1f2d3d;
$color-error: #ff382d;
// Color-palettes
$color-primary-light: #c7e3ff;
$color-primary-dark: darken($color-woot, 20%);
// Thumbnail
$thumbnail-radius: 4rem;
@@ -110,3 +115,7 @@ $spinkit-size: 1.6rem !default;
// Break points
$break-point-medium: 667px;
// Timing functions
$ease-in-cubic: cubic-bezier(.17, .67, .83, .67);

14
app/javascript/widget/assets/scss/sdk.js
View File

@@ -11,6 +11,18 @@ export const SDK_CSS = ` .woot-widget-holder {
transition-duration: 0.5s, 0.5s;
}
.woot-widget-holder.has-unread-view {
box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
bottom: 94px;
}
.woot-widget-holder iframe {
width: 100% !important;
height: 100% !important;
@@ -94,7 +106,7 @@ export const SDK_CSS = ` .woot-widget-holder {
visibility: hidden !important;
z-index: -1 !important;
opacity: 0;
bottom: 60px;
bottom: -20000px;
}
@media only screen and (max-width: 667px) {