Bug 1380738 - Fix the size of the avatar to avoid reflow. r=eoger
authorLuciano Italiani <lyretandrpg@gmail.com>
Tue, 25 Jul 2017 13:53:08 -0300
changeset 370906 ceca80096ef1
parent 370905 a3a843f6334d
child 370907 7a7e5b833c4b
push id47230
push usereoger@mozilla.com
push dateWed, 26 Jul 2017 01:43:22 +0000
treeherderautoland@ceca80096ef1 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerseoger
bugs1380738
milestone56.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 1380738 - Fix the size of the avatar to avoid reflow. r=eoger MozReview-Commit-ID: 5MWoxolsiJd
browser/themes/shared/incontentprefs-old/preferences.inc.css
browser/themes/shared/incontentprefs/preferences.inc.css
--- a/browser/themes/shared/incontentprefs-old/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs-old/preferences.inc.css
@@ -377,26 +377,28 @@ description > html|a {
   min-width: 30ch;
 }
 
 /**
  * Sync
  */
 
 #fxaProfileImage {
-  max-width: 60px;
+  width: 60px;
+  height: 60px;
   border-radius: 50%;
   list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
   margin-inline-end: 15px;
   image-rendering: auto;
   border: 1px solid transparent;
 }
 
 #fxaLoginStatus[hasName] #fxaProfileImage {
-  max-width: 80px;
+  width: 80px;
+  height: 80px;
 }
 
 #fxaProfileImage.actionable {
   cursor: pointer;
 }
 
 #fxaProfileImage.actionable:hover {
   border-color: #0095DD;
@@ -513,17 +515,18 @@ description > html|a {
 #fxaEmailAddress1,
 #fxaEmailAddress2,
 #fxaEmailAddress3 {
   word-break: break-all;
 }
 
 .fxaFirefoxLogo {
   list-style-image: url(chrome://browser/skin/fxa/logo.png);
-  max-width: 64px;
+  width: 64px;
+  height: 64px;
   margin-inline-end: 14px;
 }
 
 .fxaMobilePromo {
   margin-bottom: 20px;
   margin-top: 25px;
 }
 
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -401,26 +401,28 @@ groupbox {
   min-width: 30ch;
 }
 
 /**
  * Sync
  */
 
 #fxaProfileImage {
-  max-width: 60px;
+  width: 60px;
+  height: 60px;
   border-radius: 50%;
   list-style-image: url(chrome://browser/skin/fxa/default-avatar.svg);
   margin-inline-end: 15px;
   image-rendering: auto;
   border: 1px solid transparent;
 }
 
 #fxaLoginStatus[hasName] #fxaProfileImage {
-  max-width: 80px;
+  width: 80px;
+  height: 80px;
 }
 
 #fxaProfileImage.actionable {
   cursor: pointer;
 }
 
 #fxaProfileImage.actionable:hover {
   border-color: #0095DD;
@@ -537,17 +539,18 @@ groupbox {
 #fxaEmailAddress1,
 #fxaEmailAddress2,
 #fxaEmailAddress3 {
   word-break: break-all;
 }
 
 .fxaFirefoxLogo {
   list-style-image: url(chrome://browser/skin/fxa/logo.png);
-  max-width: 64px;
+  width: 64px;
+  height: 64px;
   margin-inline-end: 14px;
 }
 
 .fxaMobilePromo {
   margin-bottom: 20px;
   margin-top: 25px;
 }