feat(MdDatepicker): remove fixed label position (#1417)

Samuell1 · marcosmoura · commit a2cbc980f528 · 2018-01-23T14:48:03.000-02:00
* feat(MdDatepicker): remove fixed label position

* feat(MdDatepicker): add md-native class
diff --git a/src/components/MdDatepicker/MdDatepicker.vue b/src/components/MdDatepicker/MdDatepicker.vue
@@ -1,5 +1,5 @@
 <template>
-  <md-field class="md-datepicker">
+  <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]">
     <md-date-icon class="md-date-icon" @click.native="toggleDialog" />
     <md-input :type="type" ref="input" v-model="modelDate" @focus.native="onFocus" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" />
 
@@ -127,9 +127,12 @@
   }
 
   .md-datepicker {
-    label {
-      top: 0 !important;
+    &.md-native {
+      label {
+        top: 0 !important;
+      }
     }
+
     .md-date-icon {
       cursor: pointer;
     }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`<template>`
`2`		`- <md-field class="md-datepicker">`
	`2`	`+ <md-field :class="['md-datepicker', { 'md-native': !this.mdOverrideNative }]">`
`3`	`3`	`<md-date-icon class="md-date-icon" @click.native="toggleDialog" />`
`4`	`4`	`<md-input :type="type" ref="input" v-model="modelDate" @focus.native="onFocus" pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" />`
`5`	`5`
`@@ -127,9 +127,12 @@`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`.md-datepicker {`
`130`		`- label {`
`131`		`- top: 0 !important;`
	`130`	`+ &.md-native {`
	`131`	`+ label {`
	`132`	`+ top: 0 !important;`
	`133`	`+ }`
`132`	`134`	`}`
	`135`	`+`
`133`	`136`	`.md-date-icon {`
`134`	`137`	`cursor: pointer;`
`135`	`138`	`}`