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

CSS collision with the new docs theme and ipyvuetify #281

Open
mariobuikhuizen opened this issue Oct 19, 2023 · 3 comments
Open

CSS collision with the new docs theme and ipyvuetify #281

mariobuikhuizen opened this issue Oct 19, 2023 · 3 comments

Comments

@mariobuikhuizen
Copy link
Collaborator

mariobuikhuizen commented Oct 19, 2023

The buttons in the example on the introduction page are to wide

left: the old theme, right: the new theme
Screenshot 2023-10-19 at 14 51 46

See: https://ipyvuetify--276.org.readthedocs.build/en/276/introduction.html

Could you take a look at this @12rambau?

@12rambau
Copy link
Contributor

12rambau commented Nov 7, 2023

I already got the problem in one of my documentation. As it's not released yet I want to finish the documentation structure first before making another PR on this repository.

@mariobuikhuizen
Copy link
Collaborator Author

But now the docs in are in a shape we can't release.

@12rambau
Copy link
Contributor

I investigated a bit and whatever content width I set in the .bd-content element the build widgets are always behaving as if set in a small screen. It's weird as it's not the case for ipyleaflet maps (which is the dom element that was causing me issues in my docs). I guess the easiest way is to force all elements in Rows as you did with the selects and dropdowns.

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

No branches or pull requests

2 participants