| commit | e5bbdd9c75442a6462f71b3d2587eb9e42640e4f | |
| author | John Foerch <jjfoerch@earthlink.net> | |
| Sat, 8 Jan 2011 01:21:28 +0000 (7 20:21 -0500) | ||
| committer | John Foerch <jjfoerch@earthlink.net> | |
| Sat, 8 Jan 2011 02:00:04 +0000 (7 21:00 -0500) | ||
| tree | 3774ec3ebe2b4b87accbc46154634d8eac012b22 | treesnapshot (tar.gz zip) |
| parent | dc53865292a60a0d7cbd2c3caf908264b71baed4 | commitdiff |
new-tabs.css: change so icons won't get vertically stretched
In order to be able to vertically center icons (rather than stretch them)
in CSS, we use -moz-box-flex rather than overflow:hidden to allow labels
to be cropped. Using overflow:hidden was (for whatever reason) not
compatible with -moz-box-align:center. It would have worked with the dom
attribute align="center", but that is less flexible for theme authors.
The method used in this patch also means that Mozilla will also display an
ellipsis when it crops text.
In order to be able to vertically center icons (rather than stretch them)
in CSS, we use -moz-box-flex rather than overflow:hidden to allow labels
to be cropped. Using overflow:hidden was (for whatever reason) not
compatible with -moz-box-align:center. It would have worked with the dom
attribute align="center", but that is less flexible for theme authors.
The method used in this patch also means that Mozilla will also display an
ellipsis when it crops text.
| style/default/new-tabs.css | diffblobblamehistory |