rowhead: do not show sel icon if no hover device
Signed-off-by: Varun Patil <radialapps@gmail.com>pull/767/head
parent
945b302320
commit
ab01f9d105
|
@ -106,8 +106,7 @@ export default defineComponent({
|
|||
font-size: 1.075em;
|
||||
}
|
||||
|
||||
:hover,
|
||||
&.selected {
|
||||
@mixin visible {
|
||||
.select {
|
||||
display: flex;
|
||||
opacity: 0.7;
|
||||
|
@ -116,10 +115,22 @@ export default defineComponent({
|
|||
transform: translateX(24px);
|
||||
}
|
||||
}
|
||||
&.selected .select {
|
||||
|
||||
// Show the icon (gray) when hovering or selected
|
||||
@media (hover: hover) {
|
||||
&:hover {
|
||||
@include visible;
|
||||
}
|
||||
}
|
||||
|
||||
// Show the icon (blue) when selected
|
||||
&.selected {
|
||||
@include visible;
|
||||
.select {
|
||||
opacity: 1;
|
||||
color: var(--color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
transform: translateX(8px);
|
||||
|
|
Loading…
Reference in New Issue