tndsr/assets/css/MuiTableSortLabel.css

39 lines
983 B
CSS

.MuiTableSortLabel-root {
cursor: pointer;
display: inline-flex;
align-items: center;
flex-direction: inherit;
justify-content: flex-start;
}
.MuiTableSortLabel-root:focus {
color: rgba(0, 0, 0, 0.54);
}
.MuiTableSortLabel-root:hover {
color: rgba(0, 0, 0, 0.54);
}
.MuiTableSortLabel-root.MuiTableSortLabel-active {
color: rgba(0, 0, 0, 0.87);
}
.MuiTableSortLabel-root.MuiTableSortLabel-active.MuiTableSortLabel-root.MuiTableSortLabel-active .MuiTableSortLabel-icon {
color: rgba(0, 0, 0, 0.54);
opacity: 1;
}
.MuiTableSortLabel-root:hover .MuiTableSortLabel-icon {
opacity: 0.5;
}
.MuiTableSortLabel-icon {
opacity: 0;
font-size: 18px;
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
margin-left: 4px;
user-select: none;
margin-right: 4px;
}
.MuiTableSortLabel-iconDirectionDesc {
transform: rotate(0deg);
}
.MuiTableSortLabel-iconDirectionAsc {
transform: rotate(180deg);
}