Bug 1181582 - The separator between the identity box and URLs should be solid. r=dao
authorJared Wein <jwein@mozilla.com>
Fri, 17 Jul 2015 15:09:42 -0400
changeset 253483 0492fa483509308d5640a0d2e67840d7a3265df7
parent 253482 5db9b72d15c2807274d0795b253414f3dcf14e21
child 253484 5826ab3dc275962f3ed64a765051258ff3cacbb7
push id14086
push userjwein@mozilla.com
push dateFri, 17 Jul 2015 19:10:15 +0000
treeherderfx-team@0492fa483509 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao
bugs1181582
milestone42.0a1
Bug 1181582 - The separator between the identity box and URLs should be solid. r=dao
browser/themes/shared/identity-block/identity-block.inc.css
--- a/browser/themes/shared/identity-block/identity-block.inc.css
+++ b/browser/themes/shared/identity-block/identity-block.inc.css
@@ -1,44 +1,49 @@
 %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-background-image: linear-gradient(hsla(0,0%,16%,0),
-                                   hsla(0,0%,16%,.2) 35%,
-                                   hsla(0,0%,16%,.2) 65%,
-                                   hsla(0,0%,16%,0));
+  --identity-box-background-image: linear-gradient(
+                                   transparent 15%,
+                                   hsla(0,0%,16%,.2) 15%,
+                                   hsla(0,0%,16%,.2) 85%,
+                                   transparent 85%);
   --identity-box-selected-background-color: rgb(231,230,230);
   --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
 }
 
 #identity-box {
   background-position: right;
   background-size: 1px;
   background-repeat: no-repeat;