Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sidebery hover effect to work when cursor on edge of screen #168

Open
oro1989 opened this issue Oct 29, 2024 · 4 comments
Open

Sidebery hover effect to work when cursor on edge of screen #168

oro1989 opened this issue Oct 29, 2024 · 4 comments
Labels
good first issue Good for newcomers revisit

Comments

@oro1989
Copy link

oro1989 commented Oct 29, 2024

Untitled.video.-.Made.with.Clipchamp.mp4

firstly many thanks for the great work, I use sidebery which works ok but with a small issue.
As you can see from the video when the cursor is at the edge of screen i doesn't expand the side bar (sidebery) which seems strange as it expands then hide again giving a strange behavior , I tried adding a delay to hiding but still not ideal. is it possible to change this ?

@soulhotel
Copy link
Owner

The sidebar would need to be touching the screen corner with no margins between the two but its looks 'off' with the rounded corners, you can use the spacing.compact setting to achieve that

@oro1989
Copy link
Author

oro1989 commented Oct 29, 2024

Many thanks, I removed rounded corners to get it to work

@awwpotato
Copy link
Contributor

The sidebar would need to be touching the screen corner with no margins between the two but its looks 'off' with the rounded corners, you can use the spacing.compact setting to achieve that

you could add an invisible ::before div to the sidebar that extends to the edge of the window, as I did with my theme:

#sidebar::before {
  content: "";
  position: absolute;
  z-index: -10;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--uc-sidebar-margin));
  right: calc(-1 * var(--uc-sidebar-margin));
  width: auto;
  height: auto;
}

@soulhotel
Copy link
Owner

you could add an invisible ::before div to the sidebar that extends to the edge of the window, as I did with my theme:

Noted. This looks like the solution, so I'll try to get that sorted for the next release.

@soulhotel soulhotel added good first issue Good for newcomers revisit labels Nov 1, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers revisit
Projects
None yet
Development

No branches or pull requests

3 participants