RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

rowhead: do not show sel icon if no hover device 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/767/head
Varun Patil 2023-07-23 11:40:07 -07:00
parent 945b302320
commit ab01f9d105
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/frame/RowHead.vue
View File

@ -106,8 +106,7 @@ export default defineComponent({
font-size: 1.075em;
}
:hover,
&.selected {
@mixin visible {
.select {
display: flex;
opacity: 0.7;
@ -116,9 +115,21 @@ export default defineComponent({
transform: translateX(24px);
}
}
&.selected .select {
opacity: 1;
color: var(--color-primary);
// 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) {