From 1e794292159e772f0f8f00d8011c461d735af9d1 Mon Sep 17 00:00:00 2001 From: Mats Pfeiffer Date: Sun, 25 Mar 2018 22:40:21 +0200 Subject: [PATCH] feat(top-app-bar): Synchronise with mdc-web v0.33.0 (add prominent style) --- components/top-app-bar/README.md | 3 ++- components/top-app-bar/TopAppBar.vue | 7 ++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/components/top-app-bar/README.md b/components/top-app-bar/README.md index 43ff8008a..36457cc31 100644 --- a/components/top-app-bar/README.md +++ b/components/top-app-bar/README.md @@ -21,8 +21,9 @@ in the navigation slot! | Prop | Type | Default | Description | |------|------|---------|-------------| -| collapsed | Boolean | false | collapsed bar when short too | +| collapsed | Boolean | false | collapsed bar (must be short too) | | short | Boolean | false | short bar | +| prominent | Boolean | false | prominent app bar style (could not be short too) | | Event | Description | |------|------| diff --git a/components/top-app-bar/TopAppBar.vue b/components/top-app-bar/TopAppBar.vue index 4ac18775a..d7472e7a3 100644 --- a/components/top-app-bar/TopAppBar.vue +++ b/components/top-app-bar/TopAppBar.vue @@ -39,6 +39,10 @@ export default { short: { type: Boolean, default: false + }, + prominent: { + type: Boolean, + default: false } }, data () { @@ -50,7 +54,8 @@ export default { classes () { return { 'mdc-top-app-bar--short': this.short, - 'mdc-top-app-bar--short-collapsed': this.collapsed && this.short + 'mdc-top-app-bar--short-collapsed': this.collapsed && this.short, + 'mdc-top-app-bar--prominent': this.prominent && !this.short } } },