Bug 747742 - The identity panel's arrow should point to the center of the identity icon. r=jaws
authorDão Gottwald <dao@mozilla.com>
Mon, 23 Apr 2012 21:12:47 +0200
changeset 95425 09750e764b6acf3c84f033fc5ea25b128ecede4d
parent 95424 85abf12e5c83b480f75bea9d42b0e2b136c6ab80
child 95426 937cdb639def297cdc98730022a9244e7fb8d955
push id886
push userlsblakk@mozilla.com
push dateMon, 04 Jun 2012 19:57:52 +0000
treeherdermozilla-beta@bbd8d5efd6d1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjaws
bugs747742
milestone14.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 747742 - The identity panel's arrow should point to the center of the identity icon. r=jaws
browser/themes/gnomestripe/browser.css
browser/themes/winstripe/browser.css
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -945,16 +945,20 @@ toolbar[iconsize="small"] #feed-button {
   padding: 0;
 }
 
 .urlbar-textbox-container {
   -moz-appearance: none;
   -moz-box-align: stretch;
 }
 
+.urlbar-input-box {
+  -moz-margin-start: 0;
+}
+
 .urlbar-history-dropmarker {
   -moz-appearance: toolbarbutton-dropdown;
 }
 
 #urlbar-container {
   -moz-box-orient: horizontal;
   -moz-box-align: stretch;
 }
@@ -1018,44 +1022,45 @@ toolbar[iconsize="small"] #feed-button {
   margin-bottom: -1px;
   -moz-border-end: 1px solid #AAA;
   -moz-margin-end: 3px;
 }
 
 #urlbar-display {
   margin-top: 0;
   margin-bottom: 0;
+  -moz-margin-start: 0;
   color: GrayText;
 }
 
 /* Favicon */
 #page-proxy-favicon {
   width: 16px;
   height: 16px;
   margin-top: 2px;
   margin-bottom: 2px;
   -moz-margin-start: 4px;
-  -moz-margin-end: 0;
+  -moz-margin-end: 3px;
   list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
 .verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
   list-style-image: url(chrome://browser/skin/identity-icons-https.png);
 }
 
 .verifiedIdentity > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
   list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png);
 }
 
 #identity-box:hover > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
-#identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
+#identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
 #identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
   -moz-image-region: rect(0, 48px, 16px, 32px);
 }
 
 #page-proxy-favicon[pageproxystate="invalid"] {
   opacity: 0.3;
 }
 
@@ -1077,25 +1082,25 @@ toolbar[iconsize="small"] #feed-button {
 }
 
 #identity-box:-moz-focusring {
   outline: 1px dotted #000;
   outline-offset: -3px;
 }
 
 #identity-icon-labels {
-  -moz-margin-start: 4px;
   -moz-padding-start: 2px;
   -moz-padding-end: 5px;
 }
 
 #identity-box.verifiedIdentity {
   background-color: #fff;
   color: hsl(92,81%,16%);
   -moz-border-end: 1px solid hsla(92,81%,16%,.2);
+  -moz-margin-end: 4px;
 }
 
 /* Identity popup icons */
 #identity-popup-icon {
   height: 64px;
   width: 64px;
   padding: 0;
   list-style-image: url("chrome://browser/skin/identity.png");
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -1294,16 +1294,20 @@ html|*.urlbar-input:-moz-lwtheme:-moz-pl
 #urlbar-container {
   -moz-box-orient: horizontal;
   -moz-box-align: stretch;
 }
 
 .urlbar-textbox-container {
   -moz-box-align: stretch;
 }
+ 
+.urlbar-input-box {
+  -moz-margin-start: 0;
+}
 
 #urlbar-icons {
   -moz-box-align: center;
 }
 
 .urlbar-icon {
   padding: 3px 3px;
 }
@@ -1342,16 +1346,17 @@ html|*.urlbar-input:-moz-lwtheme:-moz-pl
 #urlbar-display-box {
   -moz-border-end: 1px solid #AAA;
   -moz-margin-end: 3px;
 }
 
 #urlbar-display {
   margin-top: 0;
   margin-bottom: 0;
+  -moz-margin-start: 0;
   color: GrayText;
 }
 
 /* identity box */
 
 #identity-box {
   padding: 2px;
 }
@@ -1399,26 +1404,27 @@ html|*.urlbar-input:-moz-lwtheme:-moz-pl
   /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
   padding-right: 5.01px;
 }
 
 #identity-box.verifiedIdentity {
   background-color: #fff;
   color: hsl(92,100%,20%);
   -moz-border-end: 1px solid hsla(92,81%,16%,.2);
+  -moz-margin-end: 4px;
 }
 
 #identity-box:-moz-focusring {
   outline: 1px dotted #000;
   outline-offset: -3px;
 }
 
 #identity-icon-labels {
-  -moz-margin-start: 5px;
-  -moz-margin-end: 3px;
+  -moz-padding-start: 2px;
+  -moz-padding-end: 5px;
 }
 
 /* Location bar dropmarker */
 
 .urlbar-history-dropmarker {
   -moz-appearance: none;
   padding: 0 3px;
   background-color: transparent;
@@ -1443,20 +1449,17 @@ html|*.urlbar-input:-moz-lwtheme:-moz-pl
   -moz-image-region: rect(0px, 33px, 14px, 22px);
 }
 
 /* page proxy icon */
 
 #page-proxy-favicon {
   width: 16px;
   height: 16px;
-  margin-top: 1px;
-  margin-bottom: 1px;
-  -moz-margin-start: 4px;
-  -moz-margin-end: 0;
+  margin: 1px 3px;
   list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
 .verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon {
   list-style-image: url(chrome://browser/skin/identity-icons-https.png);
 }