Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Header/paragraph tags truncation is too aggressive #2706
To avoid any of our default toolbar layout assumptions, simply wrap your content in a wrapper and write custom styles. The defaults are just a quick way to achieve some typical patterns.
Here is how to do that:
One more tip: The data-role of header/footer adds these common layout rules in addition to tacking on the toolbar classes. If you want to toolbar look without any of the layout stuff, the other way to go is to take a div and insteadof adding the data-role="footer" and data-theme="b", you can simply add the appropriate classes: ui-bar (add basic toolbar padding) and ui-bar-b (theme swatch color for bars, can be any letter in your theme).
The truncation logic is just simple CSS so if you ever need to roll our own, here are the relevant rules:
However, I just checked the styles here and noticed that we set the same padding for titles in the footer as we do in the header, but footers don't have left/right button slots. I just checked in a commit that sets the padding to 15px on the sides (same as the body) so this should now work for you out of the box.