diff --git a/browser/base/content/abouthome/aboutHome.css b/browser/base/content/abouthome/aboutHome.css
index 6a87b610f63..381877a7d78 100644
--- a/browser/base/content/abouthome/aboutHome.css
+++ b/browser/base/content/abouthome/aboutHome.css
@@ -43,7 +43,6 @@ a {
#brandLogo {
height: 154px;
- width: 154px;
margin: 22px 0 31px;
}
@@ -65,8 +64,6 @@ a {
#searchEngineLogo {
display: inline-block;
- height: 28px;
- width: 70px;
}
#searchText {
@@ -85,8 +82,7 @@ body[dir=rtl] #searchText {
border-radius: 0 2.5px 2.5px 0;
}
-#searchText:focus,
-#searchText[autofocus] {
+#searchText:focus {
border-color: hsla(206,100%,60%,.6) hsla(206,76%,52%,.6) hsla(204,100%,40%,.6);
}
@@ -110,14 +106,12 @@ body[dir=rtl] #searchSubmit {
}
#searchText:focus + #searchSubmit,
-#searchText + #searchSubmit:hover,
-#searchText[autofocus] + #searchSubmit {
+#searchText + #searchSubmit:hover {
border-color: #59b5fc #45a3e7 #3294d5;
color: white;
}
-#searchText:focus + #searchSubmit,
-#searchText[autofocus] + #searchSubmit {
+#searchText:focus + #searchSubmit {
background-image: -moz-linear-gradient(#4cb1ff, #1793e5);
box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset,
0 0 0 1px hsla(0,0%,100%,.1) inset,
@@ -166,12 +160,6 @@ body[dir=rtl] #defaultSnippet2 {
margin: 12px 0;
color: #3c3c3c;
font-size: 75%;
- /* 17px is approx. the default line-height as measured on Windows 7 Segoe UI.
- 12px is 75% of approx. the default font-size as measured on Windows 7 Segoe UI.
- The 17/12 is here to convert em from units of font-size to units of
- line-height. The goal here is to initialize at the height of a
- three-line snippet to reduce visual moving/flickering. */
- min-height: -moz-calc(17/12 * 3em);
}
#launcher {
@@ -268,9 +256,8 @@ body[narrow] #restorePreviousSession {
.launchButton::before {
display: block;
- width: 32px;
height: 32px;
- margin: 0 auto 6px;
+ margin-bottom: 6px;
line-height: 0; /* remove extra vertical space due to non-zero font-size */
}
diff --git a/browser/base/content/abouthome/aboutHome.js b/browser/base/content/abouthome/aboutHome.js
index d2bc4cfff3b..32616e9cffb 100644
--- a/browser/base/content/abouthome/aboutHome.js
+++ b/browser/base/content/abouthome/aboutHome.js
@@ -165,15 +165,6 @@ function setupSearchEngine()
logoElt.alt = gSearchEngine.name;
}
- // The "autofocus" attribute doesn't focus the form element
- // immediately when the element is first drawn, so the
- // attribute is also used for styling when the page first loads.
- let searchText = document.getElementById("searchText");
- searchText.addEventListener("blur", function searchText_onBlur(e) {
- searchText.removeEventListener("blur", searchText_onBlur);
- e.target.removeAttribute("autofocus");
- });
-
}
function loadSnippets()
diff --git a/browser/base/content/abouthome/aboutHome.xhtml b/browser/base/content/abouthome/aboutHome.xhtml
index 35eaae8a1c1..1211ad7620e 100644
--- a/browser/base/content/abouthome/aboutHome.xhtml
+++ b/browser/base/content/abouthome/aboutHome.xhtml
@@ -25,6 +25,9 @@
href="chrome://branding/content/icon16.png"/>
+
+
@@ -64,8 +67,5 @@
-
-