58 lines
983 B
SCSS
58 lines
983 B
SCSS
:host {
|
|
display: flex;
|
|
height: 30px;
|
|
flex: 1;
|
|
|
|
> div {
|
|
align-items: center;
|
|
display: flex;
|
|
width: 100%;
|
|
line-height: 11px;
|
|
padding: 0 10px;
|
|
|
|
> mat-icon {
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 6px;
|
|
opacity: 0.7;
|
|
|
|
&:not(:first-child) {
|
|
margin-left: 6px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:first-child > div {
|
|
padding: 0 24px;
|
|
}
|
|
|
|
&:last-of-type > div {
|
|
padding: 0 13px 0 10px;
|
|
}
|
|
|
|
.flex-end {
|
|
min-width: 58px;
|
|
}
|
|
|
|
.sort-arrows-container {
|
|
display: none;
|
|
color: rgba(var(--iqser-text-rgb), 0.5);
|
|
margin-left: 8px;
|
|
|
|
mat-icon {
|
|
height: 14px;
|
|
width: 6px;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
.sort-arrows-container {
|
|
display: initial;
|
|
}
|
|
}
|
|
|
|
.sort-arrows-container.force-display {
|
|
display: initial;
|
|
}
|
|
}
|