Merge pull request #9 from ajinkyaghodake123/inputObject

Title refactored and css changes for blur image
project-sunbird · Jun 16, 2020 · 8e59d6b · 8e59d6b
2 parents 7bc38f6 + af20271
commit 8e59d6b
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 17 deletions.
diff --git a/projects/chat-lib/package.json b/projects/chat-lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sunbird-chatbot-client",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "peerDependencies": {
     "@angular/common": "^7.1.0",
     "@angular/core": "^7.1.0"

diff --git a/projects/chat-lib/src/lib/chat-window/chat-window.component.scss b/projects/chat-lib/src/lib/chat-window/chat-window.component.scss
@@ -1,7 +1,5 @@
 @import "../../assets/styles/_styles.scss";
 .lib-chat-head {
-    height: 6.563rem;
-    width: 13.625rem;
     position: fixed;
     bottom: 0;
     right: 2rem;
@@ -33,17 +31,14 @@
     background: #FFF;
     box-shadow: 0px 4px 36px 0px rgba(0,0,0,.24);
 }
-
 .c-head{
     display: flex;
 }
-
 .c-head img {
     height: 105px;
 }
 .lib-chat-header {
     height: 4.6rem;
-    // width: 100%;
     background: #024F9D;
     display: flex;
     align-items: center;
@@ -55,11 +50,10 @@
         height: 70px;
     }
     .heading {
-        margin-left: 12px;
+        margin-left: 0.5rem;
         flex: 1 1 auto;
     }
     .close-container {
-
         background: rgba(255,255,255,.3);
         padding: 3px;
         display: flex;
@@ -68,7 +62,6 @@
         justify-content: center;
     }
 }
-
 .lib-chat-body {
     height: 28rem;
     width: 100%;
@@ -80,7 +73,6 @@
     width: 100%;
     border-top: 1px solid #ddd;
 }
-
 .lib-chat-header-title {
     color: #FFF;
     font-size: 1rem;
@@ -93,11 +85,9 @@
 *, *::before, *::after {
     box-sizing: border-box;
 }
-
 .clickable{
     cursor: pointer;
 }
-
 @media only screen and (max-width: 600px) {
     .lib-chat-expand {
         left: 0;
@@ -112,7 +102,6 @@
     }
 
   }
-
 .chatbox-cover{
     display: flex;
     align-items: flex-start;
@@ -155,14 +144,11 @@
         margin-left: -5px;
     }
     .defaultImg{
-        height: 3.8rem;
-        width: 3.8rem;
         border-radius: 3.8rem;
         background: #024F9D;
         box-shadow: 0px 6px 16px 0px rgba(0,0,0,.24); 
         padding: 0.8rem 0.7rem 0.7rem 0.7rem;
     }
-
 }
 .chatboxDefault{
     .chatboxText{

diff --git a/projects/chat-lib/src/lib/chat-window/chat-window.component.ts b/projects/chat-lib/src/lib/chat-window/chat-window.component.ts
@@ -13,7 +13,7 @@ export class ChatWindowComponent implements OnInit {
   ngOnInit() {
     this.inputValues.collapsed = true;
     this.isImageFromSrc = this.inputValues.imageUrl ? true : false
-    this.inputValues.title = this.inputValues.title ? this.inputValues.title : ''
+    this.inputValues.title = this.inputValues.title ? this.inputValues.title : 'Ask Bot'
     this.inputValues.imageUrl = this.inputValues.imageUrl ? this.inputValues.imageUrl : 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAQAAACROWYpAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+QGCgIbMsOZqIQAAABhelRYdFJhdyBwcm9maWxlIHR5cGUgZXhpZgAACNfjSq3ITONSAAMzIy4TU3MLM0szMwMgMEkxSTEwMEo0gAALIDa0MDezBElBxQyhFEwNCIA0GHFhKjJOBkoYYxOH6eQCAP3fHFqhHHkhAAACIElEQVQ4y42Vu2sUURSHv3vnro+QIhrbQAQJiKWKKDGID8gfIBY2aWxUsPRRmMomVkJKC8FWOxvTiRKrgCCIj0CKgFiEVVGjicnOZzH7ml13N/dWc+75zu887swEASAgBAatdm8IdUNiqHEygA7krBdoMCCRZ1zgL3EHeI3IDE/JqBXuw0xSIeDAnZMxxIki51RPJvKbQ3yn0jf5xDduMsd247FYEfjFHzZCH9gEbNLsbGo7C0CQZie7exzKB6nLR+5ynnVjmz1R5TrV7iq6B3mGKWpkpfFscY9q50XohANyiWNEbLpKxjKfCOQDlANUWfh/vzp72aWsTDPJBuWa13jI5qC0cwKznCQvwYEai7zpvIEtOBCBSM4NpsnbhiKJZd5CyVqCJae4LEss9ZhzrAeoGxqJ1EicIrJNTmIPFds2FTIigU1goo0yiEN+UfW9tx0TMRpKb0QUg5ddNldnxSRY4FPOu6rqTx97qgPPxDGfq/rOO46KrY4YxBEv+sQtteYjR+rWAj3iirrmVStNO63YqW487Lw/1NceEIOZeNTP6ksPitFUwC3lQj3Vkz3uB/WKuEuccFVdcFgaYMdda2tNEse95qiIe11UX7mvXkDvr0UzQKvaOXXF8YFoCU9m4qS5eq4YzQC0LUih/UJ9sCPVkn4mzqgf3d8YTueKfXg4C9znK2ln/5OWchRPe8vdvRMO/UP0dwx9sUjGdu+U/wGT1Y+s2y0FmQAAADhleElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAPKADAAQAAAABAAAAPAAAAADs/UvMAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIwLTA2LTEwVDAyOjI3OjUwLTA3OjAwz2RkkQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMC0wNi0xMFQwMjoyNzo1MC0wNzowML453C0AAAAXdEVYdGV4aWY6RXhpZkltYWdlTGVuZ3RoADYw94uaxQAAABZ0RVh0ZXhpZjpFeGlmSW1hZ2VXaWR0aAA2MLp5J0AAAAASdEVYdGV4aWY6RXhpZk9mZnNldAAyNlMbomUAAAAASUVORK5CYII=';
     this.inputValues.header = this.inputValues.header ? this.inputValues.header : 'ChatBot'
   }