ipyvuetify icon indicating copy to clipboard operation
ipyvuetify copied to clipboard

CSS collision with the new docs theme and ipyvuetify

Open mariobuikhuizen opened this issue 2 years ago • 3 comments

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?

mariobuikhuizen avatar Oct 19 '23 12:10 mariobuikhuizen

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.

12rambau avatar Nov 07 '23 12:11 12rambau

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

mariobuikhuizen avatar Nov 22 '23 11:11 mariobuikhuizen

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.

12rambau avatar Nov 23 '23 07:11 12rambau