Closed Bug 869965 Opened 11 years ago Closed 11 years ago

Background url bar color when vitising a SSL page does not cover the whole url bar

Categories

(SeaMonkey :: UI Design, defect)

x86
Linux
defect
Not set
minor

Tracking

(Not tracked)

RESOLVED DUPLICATE of bug 524337

People

(Reporter: mcsmurf, Unassigned)

Details

Attachments

(1 file)

To reproduce:
1. Visit a https:// page
2. Look at both ends up the toolbar and observe that not the whole url bar has that background color

Maybe this is more visible on Linux than on Windows, but I think I saw this on Windows, too

I'll attach a screenshot to illustrate the problem.
Attached image Screenshot
What happens if you turn off hardware acceleration?
Via layers.acceleration.disabled? Does not change anything.
Actually this problem also affect Non-SSL pages, but not as much. When using SSL the background color overflows the sorrounding area a bit (as can be seen in the screenshot), this does not occur when using a non-SSL page. But the other issues also occur for non-SSL.
What are your settings in about:config for (e.g.)
gfx.canvas.azure.backends
gfx.content.azure.enabled
gfx.direct2d.disabled
gfx.direct2d.force-enabled
...etc...
Basically our problem is that native themeing overrides the background colour, so we can't set the colour on the URLbar itself. (In fact Linux makes it worse because the native theming is on a different element in Linux autocomplete.) What we do instead is to set the background colour on the content of the autocomplete element. However this means that we're bound by the area that the native theme code says is the content. Linux claims that the border is 3px wide, which is why the screenshot in bug 869965 shows a bit of padding between the border and the background. On the other hand, Windows Vista and later claims that the border is 0px wide, which is why the screenshot in bug 524337 shows the background completely obscuring the border.
How does Firefox solve this?
> How does Firefox solve this?
I think they use -moz-appearance: none;
e.g.

/* ::::: Location Bar ::::: */

#urlbar,
.searchbar-textbox {
  -moz-appearance: none;
  margin: 1px 3px;
  padding: 0;
  background-clip: padding-box;
  border: 1px solid ThreeDShadow;
  border-radius: 2px;
}
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: