Bug 1405032 - Export a8fa0c91 - fix(styles): Update search focus to Blue-50 shades of Grey-90 (#3588)
MozReview-Commit-ID: LRPMb4JM5Y9
--- a/browser/extensions/activity-stream/data/content/activity-stream.css
+++ b/browser/extensions/activity-stream/data/content/activity-stream.css
@@ -671,63 +671,53 @@ main {
.search-wrapper {
cursor: default;
display: flex;
position: relative;
margin: 0 0 40px;
width: 100%;
height: 36px; }
.search-wrapper input {
- border: 0;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ border-radius: 3px;
box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1);
- border: 1px solid rgba(0, 0, 0, 0.15);
- box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.1);
- border-radius: 3px;
- border-radius: 4px;
color: inherit;
padding: 0;
padding-inline-end: 36px;
padding-inline-start: 35px;
width: 100%;
font-size: 15px; }
- .search-wrapper input:focus {
- border-color: #0060DF;
- box-shadow: 0 0 0 2px #0060DF;
- z-index: 1; }
- .search-wrapper input:focus + .search-button {
- z-index: 1;
- background-color: #0060DF;
- background-image: url("chrome://browser/skin/forward.svg");
- fill: #FFF;
- -moz-context-properties: fill; }
+ .search-wrapper:active input,
+ .search-wrapper input:focus {
+ border-color: #0A84FF;
+ box-shadow: 0 0 0 2px #0A84FF; }
.search-wrapper .search-label {
- background: url("chrome://browser/skin/search-glass.svg") no-repeat 12px center/16px;
+ background: url("chrome://browser/skin/find.svg") no-repeat 12px center/16px;
fill: rgba(12, 12, 13, 0.4);
-moz-context-properties: fill;
position: absolute;
offset-inline-start: 0;
height: 100%;
- width: 35px;
- z-index: 2; }
+ width: 35px; }
.search-wrapper .search-button {
background: url("chrome://browser/skin/forward.svg") no-repeat center center;
border-radius: 0 3px 3px 0;
border: 0;
width: 36px;
fill: rgba(12, 12, 13, 0.4);
-moz-context-properties: fill;
background-size: 16px 16px;
height: 100%;
offset-inline-end: 0;
position: absolute; }
- .search-wrapper .search-button:hover {
- z-index: 1;
- background-color: #0060DF;
- fill: #FFF;
+ .search-wrapper .search-button:focus, .search-wrapper .search-button:hover {
+ background-color: rgba(12, 12, 13, 0.1);
cursor: pointer; }
+ .search-wrapper .search-button:active {
+ background-color: rgba(12, 12, 13, 0.15); }
.search-wrapper .search-button:dir(rtl) {
transform: scaleX(-1); }
.search-wrapper .contentSearchSuggestionTable {
border: 0;
transform: translateY(2px); }
.context-menu {
display: block;
--- a/browser/extensions/activity-stream/install.rdf.in
+++ b/browser/extensions/activity-stream/install.rdf.in
@@ -3,17 +3,17 @@
#filter substitution
<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#">
<Description about="urn:mozilla:install-manifest">
<em:id>activity-stream@mozilla.org</em:id>
<em:type>2</em:type>
<em:bootstrap>true</em:bootstrap>
<em:unpack>false</em:unpack>
- <em:version>2017.09.22.1389-2ee94db4</em:version>
+ <em:version>2017.10.02.1043-a8fa0c91</em:version>
<em:name>Activity Stream</em:name>
<em:description>A rich visual history feed and a reimagined home page make it easier than ever to find exactly what you're looking for in Firefox.</em:description>
<em:multiprocessCompatible>true</em:multiprocessCompatible>
<em:targetApplication>
<Description>
<em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
<em:minVersion>@MOZ_APP_VERSION@</em:minVersion>