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

Tabset box heights are based upon largest tab #2721

Open
al-obrien opened this issue Jul 15, 2024 · 0 comments
Open

Tabset box heights are based upon largest tab #2721

al-obrien opened this issue Jul 15, 2024 · 0 comments
Labels
front end 🌷 General HTML, CSS, and JS issues

Comments

@al-obrien
Copy link

The issue:

The height of the entire tab section is dependent upon the largest tab content, which can leave a lot of white space.

Example

You can see this in the example from the pkgdown website.

image

Possible work around

I suspect this could be due to bootstrap itself, and I can work around it by forcing the CSS displays to another option.

/* Correct flex boxes from sizing based upon the largest in tabset*/
.tab-content>.tab-pane {
  display: none;
}

.tab-content>.active {
  display: block;
}
@jayhesselberth jayhesselberth added the front end 🌷 General HTML, CSS, and JS issues label Jul 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front end 🌷 General HTML, CSS, and JS issues
Projects
None yet
Development

No branches or pull requests

2 participants