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 tab bar position to the bottom of the header when scrolling #164

Merged
merged 2 commits into from
Dec 11, 2024

Conversation

cjyetman
Copy link
Member

@cjyetman cjyetman commented Dec 11, 2024

based on @jdhoffa's suggestion here #94 (comment), with additional CSS to complete the job

⚠️ of course, this gets wonky if the browser window is narrow enough to make the header wrap the text and cause it to use an extra line... position relative to the header would be ideal, but not sure how to achieve that

@cjyetman cjyetman requested a review from MonikaFu as a code owner December 11, 2024 15:46
@cjyetman cjyetman requested review from jdhoffa and removed request for MonikaFu December 11, 2024 15:46
Copy link

github-actions bot commented Dec 11, 2024

PR Preview Action v1.4.8
Preview removed because the pull request was closed.
2024-12-11 21:21 UTC

Copy link

github-actions bot commented Dec 11, 2024

Docker build status

commit_time git_sha image
2024-12-11T17:37:05Z 630c1ba ghcr.io/rmi-pacta/pacta-dashboard-svelte:pr-164

@jdhoffa
Copy link
Member

jdhoffa commented Dec 11, 2024

This looks awesome!

@jdhoffa
Copy link
Member

jdhoffa commented Dec 11, 2024

Though there is a rather odd bug with the 2 subscript in CO2 showing up over the header haha...
Screenshot 2024-12-11 at 16 55 56

Screenshot 2024-12-11 at 16 56 08

@jdhoffa
Copy link
Member

jdhoffa commented Dec 11, 2024

Though there is a rather odd bug with the 2 subscript in CO2 showing up over the header haha... Screenshot 2024-12-11 at 16 55 56

Screenshot 2024-12-11 at 16 56 08

tbh would call this non-blocking, and extract that to a new issue (unless you immediately can think of a way to address it?)

jdhoffa
jdhoffa previously approved these changes Dec 11, 2024
@cjyetman
Copy link
Member Author

Though there is a rather odd bug with the 2 subscript in CO2 showing up over the header haha... Screenshot 2024-12-11 at 16 55 56

Screenshot 2024-12-11 at 16 56 08

🤣 so bizarre, I guess the subscript has a z-index somehow, looks like setting a z-index on the tab bar fixes this

@cjyetman cjyetman requested a review from jdhoffa December 11, 2024 17:39
Copy link
Member

@jdhoffa jdhoffa left a comment

Choose a reason for hiding this comment

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

looks great!! thank you

@cjyetman cjyetman merged commit 603cd94 into main Dec 11, 2024
11 checks passed
@cjyetman cjyetman deleted the css-tabbar-fix branch December 11, 2024 21:21
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.

Make the tabs float on top of the page like the header bar
2 participants