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

Fix: ModalPane never underlap the top of the window or navbar #47

Merged
merged 5 commits into from
Sep 6, 2024

Conversation

tarunsinghofficial
Copy link
Collaborator

Fixes #45

Screenshot:
image

@apply rounded-lg border-b-[1px] border-[#C6C6C8] bg-[#F3F2F8] dark:border-[1px] dark:border-[#C6C6C8] dark:border-opacity-15 dark:bg-black;
}

.modal-content {
@apply overflow-y-hidden;
max-height: calc(100vh - 6.6em);
Copy link
Member

Choose a reason for hiding this comment

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

👏

Copy link
Member

@aaronbrethorst aaronbrethorst left a comment

Choose a reason for hiding this comment

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

This looks great! I see one change that needs to be made before it can be merged: the contents of the modal pane aren't scrolling as expected, so I can't see any content in the pane that isn't within the viewport.

In the GIF below, the window content moving back and forth is me trying to scroll the stop pane.

2024-09-04 08 39 47

Copy link
Member

@aaronbrethorst aaronbrethorst left a comment

Choose a reason for hiding this comment

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

great work 👍

@aaronbrethorst aaronbrethorst merged commit f3a5b19 into main Sep 6, 2024
3 checks passed
@aaronbrethorst aaronbrethorst deleted the modalpane-style branch September 6, 2024 03:55
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.

The modal pane should never underlap the top of the window or navigation bar
2 participants