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

dropdown menu to jump to category #141

Closed
wants to merge 3 commits into from
Closed

dropdown menu to jump to category #141

wants to merge 3 commits into from

Conversation

tobiasKaminsky
Copy link
Owner

@tobiasKaminsky tobiasKaminsky commented Jan 25, 2024

image

I somehow need to have an offset, so that scrolling area is not up to blue bar, but ends below dropdown menu

TODO

  • fix offset
  • obey categories (all categories vs. only categories with unchecked items)

@st3iny @susnux maybe you can share a bit of your wisdom? 💙

@@ -53,24 +67,24 @@
</div>
<div>

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

From my POV, this div should have styles to achieve what you want:

margin-top: NUM; // to save space for select
height: NUM; // fixed height, so inner content would scroll
overflow-y: auto; // or scroll, something from these two :upside_down_face: 
``

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is awesome. It works, sort of. 🎉
With height set to a fixed height, it seems to have to scroll bars, one inner, one outer.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

When I set

.app-content {
  overflow: unset !important;
}

this work perfect.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hm. This works good if height fits.
If it on mobile, with not so big screen, it does not show end.

Additionally, dropdown jumps to correct position on Firefox on PC, but misbehaves on Android.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

And another thing:
dropdown opens keyboard on mobile

@tobiasKaminsky
Copy link
Owner Author

Another/better approach: hide categories, so that all items are A-Z and can be easily found.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants