google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixes #4084 - DataTable sorting icon

master
Tommy Leunen 2016-02-07 12:14:18 -05:00
parent 394d55079d
commit 2f818347a0
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/_variables.scss
View File

@ -548,6 +548,7 @@ $data-table-header-sort-icon-size: 16px !default;
$data-table-header-color: rgba(#000, 0.54) !default;
$data-table-header-sorted-color: rgba(#000, 0.87) !default;
$data-table-header-sorted-icon-hover-color: rgba(#000, 0.26) !default;
$data-table-divider-color: rgba(#000, 0.12) !default;
$data-table-hover-color: #eeeeee !default;

21
src/data-table/_data-table.scss
View File

@ -88,19 +88,24 @@
padding-bottom: 8px;
box-sizing: border-box;
.mdl-data-table__header--sorted-ascending, .mdl-data-table__header--sorted-descending {
&.mdl-data-table__header--sorted-ascending,
&.mdl-data-table__header--sorted-descending {
color: $data-table-header-sorted-color;
&:before {
font-size: $data-table-header-sort-icon-size;
@include typo-icon;
font-size: $data-table-header-sort-icon-size;
content: "\e5d8";
margin-right: 5px;
vertical-align: sub;
}
&:hover {
cursor: pointer;
&:before {
color: $data-table-header-sorted-icon-hover-color;
}
}
}
.mdl-data-table__header--sorted-ascending:before {
content: "\e5d8";
}
.mdl-data-table__header--sorted-descending:before {
&.mdl-data-table__header--sorted-descending:before {
content: "\e5db";
}
}