color scheme updated and auto open fix

nowfloats · Apr 17, 2018 · 9c31cfd · 9c31cfd
1 parent 5b04696
commit 9c31cfd
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/.angular-cli.json b/.angular-cli.json
@@ -24,7 +24,7 @@
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "app",
       "styles": [
-        "../node_modules/highlightjs/styles/github.css",
+        "../node_modules/highlightjs/styles/atom-one-dark.css",
         "theme.scss",
         "styles.css"
       ],

diff --git a/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.css b/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.css
@@ -81,4 +81,12 @@ label {
     font-weight: normal;
     font-size: small;
     opacity: 0.9;
-}
+}
+
+.highlight-container {
+    margin-bottom: 10px;
+}
+
+.highlight {
+    border-radius: 3px;
+}
diff --git a/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.html b/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.html
@@ -27,7 +27,7 @@ <h4 class="left-header">
                 <section class="control radio-grp">
                     <label>Chat window placement</label>
                     <mat-radio-group [(ngModel)]="webOptions.isFullPage">
-                        <mat-radio-button [value]="true">Center - Full page</mat-radio-button>
+                        <mat-radio-button [value]="true">Center - full page</mat-radio-button>
                         <mat-radio-button [value]="false">Right bottom - minimized</mat-radio-button>
                     </mat-radio-group>
                 </section>
@@ -70,7 +70,7 @@ <h4 class="left-header">
                             <p>
                                 Please use the following HTML code snippet to enable Ana web chat on your web page:
                             </p>
-                            <div highlight-js-content=".highlight">
+                            <div highlight-js-content=".highlight" class="highlight-container">
                                 <div class="html highlight" [innerText]="webSnippet"></div>
                             </div>
                             <button mat-raised-button color="primary" ngxClipboard [cbContent]="webSnippet" (cbOnSuccess)="copied()"> Copy </button>

diff --git a/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.ts b/src/app/components/deploy/landing/deploy-landing/deploy-landing.component.ts
@@ -145,7 +145,8 @@ ana-frame-width="${this.n(this.webOptions.width)}"
 ana-primary-fg="${this.n(this.webOptions.foregroundColor)}"
 ana-secondary-bg="${this.n(this.webOptions.secondaryColor)}"
 ana-gmaps-key="${this.n(this.webOptions.gmapsKey)}"
-${this.webOptions.isFullPage ? '\nana-fullpage="true"' : ''} ${this.webOptions.allowChatReset ? '\nana-allow-chat-reset="true"' : ''} ${this.webOptions.enableHtmlMessages ? '\nana-html-messages="true"' : ''} ${this.webOptions.showPoweredByAna ? '\nana-show-branding="true"' : ''}>
+
+${this.webOptions.isFullPage ? '\nana-fullpage="true"' : ''} ${this.webOptions.allowChatReset ? '\nana-allow-chat-reset="true"' : ''} ${this.webOptions.enableHtmlMessages ? '\nana-html-messages="true"' : ''} ${this.webOptions.showPoweredByAna ? '\nana-show-branding="true"' : ''} ${this.webOptions.autoOpenSecs ? '\nana-auto-open="' + this.webOptions.autoOpenSecs + '"' : ''}>
 </script>`;
 	}
 }