commit 3d312e99263752ac877b0955aa602de5db670284
author Scott Aslan <scottyaslan@gmail.com> Fri Jul 19 11:47:34 2019 -0400
committer Scott Aslan <scottyaslan@gmail.com> Fri Jul 19 11:47:34 2019 -0400
tree 31b200cd174cbc8ffc7c21fc48e64711f60cdfa3
parent bfd63d5d805352a3a78f029641938f2e3806248e

[NIFI-6459] update tabs underline color to accent.

webapp/components/flow-design-system/fds-demo.html

diff --git a/webapp/components/flow-design-system/fds-demo.html b/webapp/components/flow-design-system/fds-demo.html
index b18a72e..ffc83ef 100644
--- a/webapp/components/flow-design-system/fds-demo.html
+++ b/webapp/components/flow-design-system/fds-demo.html
@@ -533,7 +533,7 @@
             <mat-card-title class="pad-bottom-sm" id="Tabs">Tabs <mat-icon class="link-to-component" routerLink="/" fragment="Tabs">link</mat-icon></mat-card-title>
             <mat-divider></mat-divider>
             <mat-card-content>
-                <mat-tab-group dynamicHeight>
+                <mat-tab-group dynamicHeight color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>One</ng-template>
                         <h3 class="md-title">First tab content</h3>
@@ -562,7 +562,7 @@
                 <p>HTML:</p>
                 <pre lang="html">
       <![CDATA[
-        <mat-tab-group dynamicHeight>
+        <mat-tab-group dynamicHeight color="accent">
           <mat-tab>
             <ng-template mat-tab-label>First tab content</ng-template>
             <h1>First content</h1>
@@ -767,7 +767,7 @@
             <mat-card-content>
                 <h3 class="md-title">Autocomplete with chips and no custom inputs</h3>
                 <mat-divider></mat-divider>
-                <mat-tab-group mat-stretch-tabs dynamicHeight>
+                <mat-tab-group mat-stretch-tabs dynamicHeight color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>Demo</ng-template>
                         <div class="push">
@@ -829,7 +829,7 @@
             <mat-card-content>
                 <h3 class="md-title">Autocomplete with custom inputs</h3>
                 <mat-divider></mat-divider>
-                <mat-tab-group mat-stretch-tabs dynamicHeight>
+                <mat-tab-group mat-stretch-tabs dynamicHeight color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>Demo</ng-template>
                         <div class="push">
@@ -871,7 +871,7 @@
             <mat-card-content>
                 <h3 class="md-title">Demo allowing custom inputs for tags</h3>
                 <mat-divider></mat-divider>
-                <mat-tab-group mat-stretch-tabs dynamicHeight>
+                <mat-tab-group mat-stretch-tabs dynamicHeight color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>Demo</ng-template>
                         <div class="push">
@@ -897,7 +897,7 @@
             <mat-card-title class="pad-bottom-sm" id="SearchableExpansionPanels">Searchable/Filterable Expansion Panels <mat-icon class="link-to-component" routerLink="/" fragment="SearchableExpansionPanels">link</mat-icon></mat-card-title>
             <mat-divider></mat-divider>
             <mat-card-content>
-                <mat-tab-group mat-stretch-tabs>
+                <mat-tab-group mat-stretch-tabs color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>Demo</ng-template>
                         <div class="pad-top-md pad-bottom-md pad-right-xxl pad-left-xxl">
@@ -1556,7 +1556,7 @@
             <mat-divider></mat-divider>
             <mat-card-content>
                 <p>Example table with: Paging Bar / Filter / Sortable Columns / Multi-select with available Actions</p>
-                <mat-tab-group mat-stretch-tabs>
+                <mat-tab-group mat-stretch-tabs color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>Demo</ng-template>
                         <div layout="row" layout-align="space-between center"
@@ -2456,7 +2456,7 @@
                         </button>
                     </mat-menu>
                     <mat-card-content>
-                        <mat-tab-group dynamicHeight>
+                        <mat-tab-group dynamicHeight color="accent">
                             <mat-tab>
                                 <ng-template mat-tab-label>One</ng-template>
                                 <h3 class="md-title">First tab content</h3>
@@ -2507,7 +2507,7 @@
                 </button>
             </mat-menu>
             <mat-card-content>
-                <mat-tab-group dynamicHeight>
+                <mat-tab-group dynamicHeight color="accent">
                     <mat-tab>
                         <ng-template mat-tab-label>One</ng-template>
                         <h3 class="md-title">First tab content</h3>