Bug 1273943 - Emphasize search terms in awesomebar results using bold face. r?mak draft
authorDrew Willcoxon <adw@mozilla.com>
Fri, 20 May 2016 12:29:42 -0700
changeset 369218 a5e6504b059a2412324f33e9ffcfbb6065a6ee2c
parent 364228 8000d7a6ff44b128850bd4d08e0d1867f6df557d
child 521510 146fc7f1941bd2f20c0a74c676d7b7a81be869d3
push id18793
push userdwillcoxon@mozilla.com
push dateFri, 20 May 2016 19:29:58 +0000
reviewersmak
bugs1273943
milestone49.0a1
Bug 1273943 - Emphasize search terms in awesomebar results using bold face. r?mak MozReview-Commit-ID: 5rKDOp1c5jp
browser/themes/linux/browser.css
browser/themes/osx/browser.css
browser/themes/windows/browser.css
--- a/browser/themes/linux/browser.css
+++ b/browser/themes/linux/browser.css
@@ -1151,16 +1151,22 @@ html|span.ac-tag {
   color: inherit !important;
 }
 
 .ac-tags-text[selected] > html|span.ac-tag {
   background-color: HighlightText;
   color: Highlight;
 }
 
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+  font-weight: 600;
+}
+
 .ac-type-icon[type=bookmark] {
   list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
 }
 
 .ac-type-icon[type=bookmark][selected][current] {
   list-style-image: url("chrome://browser/skin/urlbar-star.svg#star-inverted");
 }
 
--- a/browser/themes/osx/browser.css
+++ b/browser/themes/osx/browser.css
@@ -1737,75 +1737,62 @@ toolbar .toolbarbutton-1 > .toolbarbutto
   background-color: hsl(210, 80%, 52%);
 }
 
 .ac-title {
   font-size: 14px;
   color: hsl(0, 0%, 0%);
 }
 
-html|span.ac-emphasize-text-title {
-  color: hsl(0, 0%, 50%);
-}
-
 .ac-tags {
   font-size: 12px;
 }
 
 html|span.ac-tag {
   background-color: hsl(216, 0%, 88%);
   color: hsl(0, 0%, 0%);
   border-radius: 2px;
   border: 1px solid transparent;
   padding: 0 1px;
 }
 
-html|span.ac-emphasize-text-tag {
-  color: hsl(0, 0%, 50%);
-}
-
 .ac-separator,
 .ac-url,
 .ac-action {
   font-size: 12px;
 }
 
 .ac-separator {
   color: hsl(0, 0%, 50%);
 }
 
 .ac-url {
   color: hsl(210, 77%, 47%);
 }
 
-html|span.ac-emphasize-text-url {
-  color: hsl(210, 86%, 64%);
-}
-
 .ac-action {
   color: hsl(178, 100%, 28%);
 }
 
 .ac-title[selected],
 .ac-separator[selected],
 .ac-url[selected],
-.ac-action[selected],
-.ac-title-text[selected] > html|span.ac-emphasize-text,
-.ac-url-text[selected] > html|span.ac-emphasize-text,
-.ac-action-text[selected] > html|span.ac-emphasize-text {
+.ac-action[selected] {
   color: hsl(0, 0%, 100%);
 }
 
 .ac-tags-text[selected] > html|span.ac-tag {
   background-color: hsl(0, 0%, 100%);
   color: hsl(210, 80%, 40%);
 }
 
-.ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
-  color: hsl(210, 80%, 52%);
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+  font-weight: 600;
 }
 
 .ac-type-icon[type=bookmark] {
   list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
 }
 
 .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
   list-style-image: url("chrome://browser/skin/places/autocomplete-star.png");
--- a/browser/themes/windows/browser.css
+++ b/browser/themes/windows/browser.css
@@ -1419,102 +1419,85 @@ html|*.urlbar-input:-moz-lwtheme::-moz-p
   background-color: hsl(210, 80%, 52%);
 }
 
 .ac-title {
   font-size: 14px;
   color: hsl(0, 0%, 0%);
 }
 
-html|span.ac-emphasize-text-title {
-  color: hsl(0, 0%, 50%);
-}
-
 .ac-tags {
   font-size: 12px;
 }
 
 html|span.ac-tag {
   background-color: hsl(216, 0%, 88%);
   color: hsl(0, 0%, 0%);
   border-radius: 2px;
   border: 1px solid transparent;
   padding: 0 1px;
 }
 
-html|span.ac-emphasize-text-tag {
-  color: hsl(0, 0%, 50%);
-}
-
 .ac-separator,
 .ac-url,
 .ac-action {
   font-size: 12px;
 }
 
 .ac-separator {
   color: hsl(0, 0%, 50%);
 }
 
 .ac-url {
   color: hsl(210, 77%, 47%);
 }
 
-html|span.ac-emphasize-text-url {
-  color: hsl(210, 86%, 64%);
-}
-
 .ac-action {
   color: hsl(178, 100%, 28%);
 }
 
 .ac-title[selected=true],
 .ac-separator[selected],
 .ac-url[selected=true],
-.ac-action[selected=true],
-.ac-title-text[selected=true] > html|span.ac-emphasize-text,
-.ac-url-text[selected=true] > html|span.ac-emphasize-text,
-.ac-action-text[selected=true] > html|span.ac-emphasize-text {
+.ac-action[selected=true] {
   color: hsl(0, 0%, 100%);
 }
 
 .ac-tags-text[selected] > html|span.ac-tag {
   background-color: hsl(0, 0%, 100%);
   color: hsl(210, 80%, 40%);
 }
 
-.ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
-  color: hsl(210, 80%, 52%);
+html|span.ac-emphasize-text-title,
+html|span.ac-emphasize-text-tag,
+html|span.ac-emphasize-text-url {
+  font-weight: 600;
 }
 
 @media not all and (-moz-windows-default-theme) {
   .autocomplete-richlistitem[selected=true] {
     background-color: Highlight;
   }
 
-  .ac-title,
-  html|span.ac-emphasize-text-title {
+  .ac-title {
     color: inherit;
   }
 
-  html|span.ac-tag,
-  html|span.ac-emphasize-text-tag {
+  html|span.ac-tag {
     background-color: -moz-FieldText;
     color: -moz-Field;
   }
 
   .ac-separator,
   .ac-url,
-  .ac-action,
-  html|span.ac-emphasize-text-url {
+  .ac-action {
     color: -moz-nativehyperlinktext;
   }
 
-  .ac-tags-text[selected] > html|span.ac-tag,
-  .ac-tags-text[selected] > html|span.ac-tag > html|span.ac-emphasize-text-tag {
+  .ac-tags-text[selected] > html|span.ac-tag {
     background-color: HighlightText;
     color: Highlight;
   }
 }
 
 .ac-type-icon[type=bookmark] {
   list-style-image: url("chrome://browser/skin/urlbar-star.svg#star");
 }