You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@nifi.apache.org by mc...@apache.org on 2019/07/22 13:53:44 UTC
[nifi-fds] 02/06: [NIFI-6459] update tabs underline color to accent.
This is an automated email from the ASF dual-hosted git repository.
mcgilman pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/nifi-fds.git
commit 3d312e99263752ac877b0955aa602de5db670284
Author: Scott Aslan <sc...@gmail.com>
AuthorDate: Fri Jul 19 11:47:34 2019 -0400
[NIFI-6459] update tabs underline color to accent.
---
webapp/components/flow-design-system/fds-demo.html | 18 +++++++++---------
1 file changed, 9 insertions(+), 9 deletions(-)
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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
<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 @@ limitations under the License.
</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 @@ limitations under the License.
</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>