mirror of
https://github.com/google/material-design-lite.git
synced 2024-09-11 12:25:38 +03:00
fixes #4084 - DataTable sorting icon
This commit is contained in:
parent
394d55079d
commit
2f818347a0
@ -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;
|
||||
|
@ -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";
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user