Question

Anyone have a customisation or other solution to reduce the width of the navigation bar on an iPad? My screen has loads of room for bug listings and bug detail, but currently the navigation bar width means that 'content' is shrunk to a tiny font and I have to pinch-zoom every page to make it readable...

Seems a shame to have to resort to the mobile version when I have all these pixels to play with :-/

Case FC2070641

Answer 1

I have been poking through the DOM and trying to force any element I can find that might be making it wide to be narrower without success. I have opened a case to have engineering take a look and will update here shortly.

What I've tried:

#tbFull { width: 800px; min-width: 800px; }
#mainArea { width: 800px; min-width: 800px; }
body { width: 800px; min-width: 800px; }
#pgListContainer { width: 800px; min-width: 800px; }
#bugGrid { width: 800px; min-width: 800px; }
#bugListContainer { width: 800px; min-width: 800px; }
#versionFooter { width: 800px; min-width: 800px; }
#tableContainer { width: 800px; min-width: 800px; }

table#bugGrid tbody { width: 800px; min-width: 800px; }
table#bugGrid tr { width: 800px; min-width: 800px; }

Answer 2

I thought we created this customization for that very reason:

name:          Narrow menu
description:   Allow the menu to be very narrow
author:        Michel de Ruiter
version:       1.0.0.0

css:
#tbFull { min-width: 1em; }

But I was wrong: it doesn't help on iPads.

See also this customization.