Last Comment Bug 981643 - [HiDPI] Bottom border of Navigation Bar becomes thick when menu bar is displayed in maximized mode
: [HiDPI] Bottom border of Navigation Bar becomes thick when menu bar is displa...
Product: Firefox
Classification: Client Software
Component: Toolbars and Customization (show other bugs)
: 30 Branch
: x86_64 Windows 8.1
-- normal (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
: :Gijs
Depends on:
Blocks: australis-cust
  Show dependency treegraph
Reported: 2014-03-10 08:13 PDT by Gary [:streetwolf]
Modified: 2016-03-12 08:50 PST (History)
3 users (show)
See Also:
Crash Signature:
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---

Capture2.PNG (28.03 KB, image/png)
2014-03-10 08:13 PDT, Gary [:streetwolf]
no flags Details

Description User image Gary [:streetwolf] 2014-03-10 08:13:43 PDT
Created attachment 8388537 [details]

User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:30.0) Gecko/20100101 Firefox/30.0 (Beta/Release)
Build ID: 20140310043228

Steps to reproduce:

1. Maximize the Fx window.

2. Display the menu bar.

Actual results:

Bottom border becomes noticeably thicker.  Also happens if Bookmarks Toolbar is showing.

Expected results:

Bottom border should not change thickness.
Comment 1 User image :Gijs 2014-03-10 08:27:49 PDT
(In reply to Gary [:streetwolf] from comment #0)
> 2. Display the menu bar.

Does this happen when you use the toolbar context menu to display it permanently, or when you hit alt to show it temporarily, or both? Does the issue go away if you unfocus the window and/or restart?
Comment 2 User image Gary [:streetwolf] 2014-03-10 08:32:34 PDT
Happens with the menu permanently showing and if using the Alt key.  Problem persists after a restart.  Problem will disappear if I unmaximize the window. Unfocusing the window retains the thick border.
Comment 3 User image Gary [:streetwolf] 2014-03-10 09:20:23 PDT
FYI..  I can fix this problem by adding some css code:

#main-menubar > menu {
  min-height: 21px !important;
  height: 21px !important;}
Comment 4 User image Gary [:streetwolf] 2014-03-10 16:34:28 PDT
I don't know if this helps but adding this css code improves the look of the separator:

#nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button > .toolbarbutton-icon,
#nav-bar-customization-target #forward-button > .toolbarbutton-icon {
  padding-left: 8px !important;}
Comment 5 User image Gary [:streetwolf] 2014-03-10 16:35:55 PDT
Please disregard comment 4, it was destined for a different bug report.
Comment 6 User image Gary [:streetwolf] 2014-03-12 11:47:45 PDT
I just ran Nightly Fx30 under a VM and I don't see this problem.  I'm guessing it might be a video card issue.  My VM uses a virtual generic video card.  I use an AMD HD7970.  I also tried with HWA off but that didn't work.
Comment 7 User image Gary [:streetwolf] 2014-03-12 12:03:13 PDT
Just nailed it down.  It's a HiDPI issue.  I run at 120 DPI.  I set layout.css.devPixelsPerPx = 1.0 which gives me 96dpi in Fx and the borders are fine.

Note You need to log in before you can comment on or make changes to this bug.