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

Select content is begind dialog after commit f0a7325 . Css specificity should not same as MdMenuContent. fix #1149
vuematerial · Mar 27, 2018 · f7990c5 · f7990c5
1 parent 2e9ba11
commit f7990c5
Showing 1 changed file with 7 additions and 9 deletions.
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>