解决二级列表按下高亮区域未100%显示的问题

EhowWong · Aug 11, 2015 · 64f5d73 · 64f5d73
1 parent c1a1cae
commit 64f5d73
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 3 deletions.
diff --git a/dist/css/mui.css b/dist/css/mui.css
@@ -2419,6 +2419,11 @@ input[type='submit']:enabled:active, input[type='submit'].mui-active:enabled,
 {
     content: '\e580';
 }
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+    margin-left: -31px;
+    padding-left: 47px;
+}
 .mui-table-view-cell.mui-collapse .mui-collapse-content
 {
     position: relative;

diff --git a/dist/css/mui.min.css b/dist/css/mui.min.css
diff --git a/examples/hello-mui/css/mui.css b/examples/hello-mui/css/mui.css
@@ -2419,6 +2419,11 @@ input[type='submit']:enabled:active, input[type='submit'].mui-active:enabled,
 {
     content: '\e580';
 }
+.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a:not(.mui-btn).mui-active
+{
+    margin-left: -31px;
+    padding-left: 47px;
+}
 .mui-table-view-cell.mui-collapse .mui-collapse-content
 {
     position: relative;

diff --git a/examples/hello-mui/css/mui.min.css b/examples/hello-mui/css/mui.min.css
diff --git a/examples/login/css/mui.min.css b/examples/login/css/mui.min.css
diff --git a/sass/table-views.scss b/sass/table-views.scss
@@ -375,6 +375,11 @@
         >.#{$namespace}navigate-right:after, >.#{$namespace}push-right:after {
             content: '\e580';
         }
+        //二级列表展开后，高亮时宽度100%
+        .#{$namespace}table-view-cell>a:not(.#{$namespace}btn).#{$namespace}active{
+            margin-left: -31px;
+            padding-left: 47px;
+        }
     }
     .#{$namespace}collapse-content{
         display:none;