8000 feat: improve vertical sidebar with minification, theme mode and user menu when header is disabled by bastienrossi · Pull Request #2043 · tabler/tabler · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

feat: improve vertical sidebar with minification, theme mode and user menu when header is disabled #2043

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

Open
wants to merge 6 commits into
base: dev
Choose a base branch
from

Conversation

bastienrossi
Copy link

Hi,

I saw that an issue has been open for some time #1803 concerning the improvement of the sidebar in vertical mode.
I've made some modifications for my needs, so I'm proposing a PR with the code.
I've tried to use as little javascript as possible with the bootstrap collapse system, but I'd like your opinion on whether you think this is a good idea or whether it's preferable to use dedicated management.
I've added a sidebar.js script to manage tooltips when the sidebar is minimized.
I've also added a button to switch from dark to light mode and a user menu that opens over the sidebar to avoid conflicts.
I added these two elements because when the header is not in use, access to the user menu and dark mode is not possible.

Don't hesitate to give me feedback on what's wrong so that I can propose an improvement.

Here's how it looks:
menu-with-header-and-footer
menu-footer-opened
menu-minified
menu-minified-footer-opened
menu-minified-hover

Thanks

Copy link
changeset-bot bot commented Jan 6, 2025

⚠️ No Changeset found

Latest commit: 48ed814

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link
vercel bot commented Jan 6, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
tabler ✅ Ready (Inspect) Visit Preview Jan 13, 2025 10:43am

@codecalm
Copy link
Member

wow, it looks awesme!

@cavasinf
Copy link
cavasinf commented Jan 27, 2025

Would be a really great feature to have at the same time some nav-header, like Projects as @codecalm designed it:

image

They will not be visible when the navbar is collapsed:
image

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.

3 participants
0