Bug 1181582 - The separator between the identity box and URLs should be solid. r=dao, a=lmandel
authorJared Wein <jwein@mozilla.com>
Fri, 17 Jul 2015 15:09:42 -0400
changeset 275419 cddd49801dde291b719ff399ba5731bc383a4f4e
parent 275418 cea8b82865cff7b62521a453114526c5e0077071
child 275420 c2d97d1557aae9129a97c3bd78828bc7a323a2d3
push id863
push userraliiev@mozilla.com
push dateMon, 03 Aug 2015 13:22:43 +0000
treeherdermozilla-release@f6321b14228d [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, lmandel
bugs1181582
milestone40.0
Bug 1181582 - The separator between the identity box and URLs should be solid. r=dao, a=lmandel
browser/themes/shared/identity-block.inc.css
--- a/browser/themes/shared/identity-block.inc.css
+++ b/browser/themes/shared/identity-block.inc.css
@@ -1,39 +1,43 @@
 %if 0
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 %endif
 
 :root {
   --identity-box-verified-color: hsl(92,100%,30%);
-  --identity-box-verified-background-image: linear-gradient(hsla(92,81%,16%,0),
-                                            hsla(92,81%,16%,.2) 35%,
-                                            hsla(92,81%,16%,.2) 65%,
-                                            hsla(92,81%,16%,0));
+  --identity-box-verified-background-image: linear-gradient(
+                                            transparent 15%,
+                                            hsla(92,81%,16%,.2) 15%,
+                                            hsla(92,81%,16%,.2) 85%,
+                                            transparent 85%);
 %ifdef MOZ_OFFICIAL_BRANDING
   --identity-box-chrome-color: rgb(229,115,0);
-  --identity-box-chrome-background-image: linear-gradient(rgba(229,114,0,0),
-                                    rgba(229,114,0,.5) 35%,
-                                    rgba(229,114,0,.5) 65%,
-                                    rgba(229,114,0,0));
+  --identity-box-chrome-background-image: linear-gradient(
+                                    transparent 15%,
+                                    rgba(229,114,0,.5) 15%,
+                                    rgba(229,114,0,.5) 85%,
+                                    transparent 85%);
 %else
 %if MOZ_UPDATE_CHANNEL == aurora
   --identity-box-chrome-color: rgb(51,30,84);
-  --identity-box-chrome-background-image: linear-gradient(rgba(51,30,84,0),
-                                    rgba(51,30,84,.5) 35%,
-                                    rgba(51,30,84,.5) 65%,
-                                    rgba(51,30,84,0));
+  --identity-box-chrome-background-image: linear-gradient(
+                                    transparent 15%,
+                                    rgba(51,30,84,.5) 15%,
+                                    rgba(51,30,84,.5) 85%,
+                                    transparent 85%);
 %else
   --identity-box-chrome-color: rgb(0,33,71);
-  --identity-box-chrome-background-image: linear-gradient(rgba(0,33,71,0),
-                                    rgba(0,33,71,.5) 35%,
-                                    rgba(0,33,71,.5) 65%,
-                                    rgba(0,33,71,0));
+  --identity-box-chrome-background-image: linear-gradient(
+                                    transparent 15%,
+                                    rgba(0,33,71,.5) 15%,
+                                    rgba(0,33,71,.5) 85%,
+                                    transparent 85%);
 %endif
 %endif
 }
 
 #urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
 #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
   background-position: right;
   background-size: 1px;