Tall table header cells break background styling (BB-3717)

Issue #3710 invalid
Scott Brown
created an issue

Issue: When content in a table header cell (e.g.: {{{|=|}}}) has become too large, the view wraps the content onto a second line. Because the background on a table header cell is an image of a gradient, the gradient must repeat vertically.

Resolution: Use a CSS3 gradient to recreate the table header background, and the styling remains intact for whatever height of the cell.

Obviously the CSS3 tag will only work on modern browsers. It would be nice if there is a way to allow modern browsers to use the CSS3 gradient, but have older browsers fall back on using the gradient image.

In webkit this is as easy as adding the following style to the {{{bundle.css}}} file: {{{

wiki table.wikitable th {

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff)); } }}}

Comments (4)

  1. Dylan Etkin

    Hi Scott,

    Thanks for reporting. I will be honest, I don't think this will be a priority so it may not get fixed for a while, but I appreciate your thoroughness.



  2. Log in to comment