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

feat(theme): new design for local nav and global header #3359

Merged
merged 9 commits into from Dec 30, 2023
Merged

Conversation

kiaking
Copy link
Member

@kiaking kiaking commented Dec 19, 2023

A new styles for outline dropdown on tablet viewport. This PR also adds new composable useLocalNav to check if the local nav is there.

This removes the blurred header "curtain" and simply adds divider between header and the content.

Screenshot 2023-12-19 at 23 47 33 Screenshot 2023-12-19 at 23 47 45 Screenshot 2023-12-19 at 23 47 48 Screenshot 2023-12-19 at 23 47 56 Screenshot 2023-12-19 at 23 49 20

@kiaking kiaking added enhancement New feature or request theme Related to the theme labels Dec 19, 2023
@kiaking kiaking requested a review from brc-dd December 19, 2023 15:05
@kiaking kiaking self-assigned this Dec 19, 2023
@brc-dd
Copy link
Member

brc-dd commented Dec 19, 2023

Some transition duration is wrong. Try resizing browser window to lower height and scroll the home page up and down. The logo-side divider seems to have no transition.

@kiaking
Copy link
Member Author

kiaking commented Dec 19, 2023

@brc-dd
Nice catch. Thanks. Fixed. The divider container was having wrong padding 👀

@brc-dd
Copy link
Member

brc-dd commented Dec 19, 2023

z-index issue?

image

@kiaking
Copy link
Member Author

kiaking commented Dec 20, 2023

Oh no... thanks for spotting. Yeah the z-index is a bit of mess. I'll stop being lazy and reorganize them.

@kiaking
Copy link
Member Author

kiaking commented Dec 29, 2023

@brc-dd
I think I've fixed it!

@brc-dd
Copy link
Member

brc-dd commented Dec 29, 2023

LGTM. I'll make some changes to handle body scroll and closing on esc/click outside.

@brc-dd brc-dd merged commit d10bf42 into main Dec 30, 2023
7 checks passed
@brc-dd brc-dd deleted the new-local-nav branch December 30, 2023 17:33
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jan 7, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
enhancement New feature or request theme Related to the theme
Projects
None yet
Development

Successfully merging this pull request may close these issues.

🎨 Improve navbar blur styles
2 participants