feat(MdApp): add support for md-display-2 as the flexible header

marcosmoura · marcosmoura · commit c030908335c6 · 2017-07-19T01:42:43.000-03:00
diff --git a/src/components/MdApp/MdAppToolbar.vue b/src/components/MdApp/MdAppToolbar.vue
@@ -30,7 +30,7 @@
       }
     },
     mounted () {
-      const title = this.$el.querySelector('.md-title, .md-display-1')
+      const title = this.$el.querySelector('.md-title, .md-display-1, .md-display-2')
 
       this.MdApp.toolbar.element = this.$el
       this.MdApp.toolbar.titleElement = title
diff --git a/src/components/MdToolbar/MdToolbar.vue b/src/components/MdToolbar/MdToolbar.vue
@@ -118,6 +118,8 @@
       }
     }
 
+    .md-display-2,
+    .md-display-1,
     .md-title {
       margin: 0;
       margin-left: 8px;
diff --git a/src/components/MdToolbar/theme.scss b/src/components/MdToolbar/theme.scss
@@ -15,7 +15,8 @@
 
 @mixin md-toolbar-title($primary, $secondary) {
   .md-title,
-  .md-display-1 {
+  .md-display-1,
+  .md-display-2 {
     @include md-theme-property(color, $primary, $secondary);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`	`}`
`31`	`31`	`},`
`32`	`32`	`mounted () {`
`33`		`- const title = this.$el.querySelector('.md-title, .md-display-1')`
	`33`	`+ const title = this.$el.querySelector('.md-title, .md-display-1, .md-display-2')`
`34`	`34`
`35`	`35`	`this.MdApp.toolbar.element = this.$el`
`36`	`36`	`this.MdApp.toolbar.titleElement = title`
Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,8 @@`
`15`	`15`
`16`	`16`	`@mixin md-toolbar-title($primary, $secondary) {`
`17`	`17`	`.md-title,`
`18`		`- .md-display-1 {`
	`18`	`+ .md-display-1,`
	`19`	`+ .md-display-2 {`
`19`	`20`	`@include md-theme-property(color, $primary, $secondary);`
`20`	`21`	`}`
`21`	`22`	`}`