fix(MdSelect): fix select position under md-dialog (#1525)

onjiro · marcosmoura · commit f7990c5935e9 · 2018-03-27T18:50:17.000-03:00
Select content is begind dialog after commit f0a7325 . Css specificity should not same as MdMenuContent. fix #1149
diff --git a/src/components/MdField/MdSelect/MdSelect.vue b/src/components/MdField/MdSelect/MdSelect.vue
@@ -336,18 +336,16 @@
       border: 0;
     }
   }
-  .md-menu-content {
+  .md-menu-content.md-select-menu {
     z-index: 111;
-    &.md-select-menu {
-      width: 100%;
+    width: 100%;
 
-      &.md-menu-content-enter {
-        transform: translate3d(0, -8px, 0) scaleY(.3);
-      }
+    &.md-menu-content-enter {
+      transform: translate3d(0, -8px, 0) scaleY(.3);
+    }
 
-      .md-list {
-        transition: opacity .3s $md-transition-drop-timing;
-      }
+    .md-list {
+      transition: opacity .3s $md-transition-drop-timing;
     }
   }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -336,18 +336,16 @@`
`336`	`336`	`border: 0;`
`337`	`337`	`}`
`338`	`338`	`}`
`339`		`- .md-menu-content {`
	`339`	`+ .md-menu-content.md-select-menu {`
`340`	`340`	`z-index: 111;`
`341`		`- &.md-select-menu {`
`342`		`- width: 100%;`
	`341`	`+ width: 100%;`
`343`	`342`
`344`		`- &.md-menu-content-enter {`
`345`		`- transform: translate3d(0, -8px, 0) scaleY(.3);`
`346`		`- }`
	`343`	`+ &.md-menu-content-enter {`
	`344`	`+ transform: translate3d(0, -8px, 0) scaleY(.3);`
	`345`	`+ }`
`347`	`346`
`348`		`- .md-list {`
`349`		`- transition: opacity .3s $md-transition-drop-timing;`
`350`		`- }`
	`347`	`+ .md-list {`
	`348`	`+ transition: opacity .3s $md-transition-drop-timing;`
`351`	`349`	`}`
`352`	`350`	`}`
`353`	`351`	`</style>`