fix(MdListItem): expand content cursor style and hover (vuematerial#1643

)
Pwntus · Jun 7, 2018 · 2572323 · 2572323
1 parent acc6d8f
commit 2572323
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/src/components/MdList/MdListItem/MdListItem.vue b/src/components/MdList/MdListItem/MdListItem.vue
@@ -127,8 +127,10 @@
     text-transform: none;
 
     &:not(.md-list-item-default):not([disabled]) {
-      user-select: none;
-      cursor: pointer;
+      > .md-list-item-content {
+        user-select: none;
+        cursor: pointer;
+      }
     }
 
     &.md-button-clean:hover {

diff --git a/src/components/MdList/theme.scss b/src/components/MdList/theme.scss
@@ -18,7 +18,7 @@
     .md-list-item-container {
       @include md-theme-property(color, text-primary, background);
 
-      &:not(.md-list-item-default):not([disabled]):hover {
+      &:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
         @include md-theme-property(background-color, divider, background);
         @include md-theme-property(color, text-primary, background);
       }
@@ -35,8 +35,17 @@
       }
     }
 
-    .md-list-item-expand.md-active {
-      @include md-theme-property(border-color, divider, background);
+    .md-list-item-expand {
+      &.md-active {
+        @include md-theme-property(border-color, divider, background);
+      }
+
+      &:not(.md-list-item-default):not([disabled]) {
+        > .md-list-item-content:hover {
+          @include md-theme-property(background-color, divider, background);
+          @include md-theme-property(color, text-primary, background);
+        }
+      }
     }
   }
 }