Skip to content
This repository has been archived by the owner on Sep 21, 2023. It is now read-only.

FR: Show drag handle only on hover #5

Closed
imeed166 opened this issue Apr 18, 2022 · 4 comments
Closed

FR: Show drag handle only on hover #5

imeed166 opened this issue Apr 18, 2022 · 4 comments
Labels
enhancement New feature or request

Comments

@imeed166
Copy link

Just like in notion, show drag handle only when hovering over a line.

Screen.Recording.2022-04-18.at.3.54.43.PM.mov
@artem-barmin
Copy link
Owner

Nice idea. But ration "value/cost" is too low. It's quite costly to create this feature, while value is purely visual. You can create css snippet that will show handler only during hovering the gutter itself:

.dnd-gutter-marker {
    opacity: 0;
}

.dnd-gutter-marker:hover {
    opacity: 1;
}

@imeed166
Copy link
Author

imeed166 commented Apr 18, 2022

I see, thank you, I'll use the snippet.

@ronrdev
Copy link

ronrdev commented May 1, 2022

Sorry for commenting on a closed issue. I was going to suggest color options. This issue is in line with that. Providing a visual feedback on hover helps with selection conformation before clicking. Could be done with a color change or a light background. It's reasonable to consider providing visual quality of life options in the menu later in development.

.cm-gutter .dnd-gutter-marker {
	color: var(--interactive-accent);
	opacity: 40%;
}

.cm-gutter .dnd-gutter-marker:hover {
	color: var(--interactive-accent);
        opacity: 100%;
}

Screenshot_2022-05-01_17-09-53

Screenshot_2022-05-01_16-54-42

@artem-barmin
Copy link
Owner

fixed with release 1.1.0

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

3 participants