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

Issue 135: increase mobile breakpoint for sidebar layouts #138

Conversation

jimjam-slam
Copy link
Collaborator

7f4bcf2 makes the structural change here, setting a breakpoint for sidebar layouts one step up the Bootstrap breakpoint ladder (to 768px).

In 6b6832b, I've adjusted the sidebar width in both gallery examples to minmax(320px, 1fr) (in Auden it was minmax(400px, 1fr); in Minard it was 1fr).

I actually think this is a much better default for all users — would you be okay with me changing the CSS custom property default as part of this PR, @andrewpbray?

@jimjam-slam jimjam-slam self-assigned this Nov 9, 2024
@andrewpbray
Copy link
Contributor

Nice, this is an improvement!

One this I noticed: the width of the overlay narrative col is the full window instead of the narrative col on a demo that is native.overlay-center.
Screenshot 2024-11-11 at 8 49 52 AM
Screenshot 2024-11-11 at 8 49 08 AM

Is this the bit of .overlay-center that we want to propagate up to the media query?

Screenshot 2024-11-11 at 8 54 05 AM

@jimjam-slam
Copy link
Collaborator Author

Thanks @andrewpbray, have fixed that! Ready to merge if you're otherwise happy with it 😊

@andrewpbray
Copy link
Contributor

Great - I'm happy!

@jimjam-slam jimjam-slam merged commit 2af8d66 into dev Nov 22, 2024
1 check passed
@jimjam-slam jimjam-slam deleted the jimjam-slam/issue135-Increase-mobile-breakpoint-for-sidebar-layouts branch November 22, 2024 02:42
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