dir support for md-list-item > md-icon

edit css for md-list-item > md-icon to better view in each direction (ltr or rtl)
klarsys · Oct 20, 2017 · a4c4021 · a4c4021
1 parent fa252ad
commit a4c4021
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/angular-material-icons.css b/angular-material-icons.css
@@ -130,11 +130,19 @@ md-list-item .md-list-item-inner > ng-md-icon.md-secondary {
     box-sizing: content-box;
 }
 
-md-list-item > ng-md-icon:first-child,
-md-list-item .md-list-item-inner > ng-md-icon:first-child {
+[dir=ltr] md-list-item > ng-md-icon:first-child,
+[dir=ltr] md-list-item .md-list-item-inner > ng-md-icon:first-child{
+    -webkit-margin-end: 32px;
     margin-right: 32px;
 }
 
+
+[dir=rtl] md-list-item > ng-md-icon:first-child,
+[dir=rtl] md-list-item .md-list-item-inner > ng-md-icon:first-child{
+    -webkit-margin-end: 32px;
+    margin-left: 32px;
+}
+
 md-list-item.md-2-line > ng-md-icon:first-child,
 md-list-item.md-2-line > .md-no-style > ng-md-icon:first-child {
     -webkit-align-self: flex-start;