Bug 1373535 - Add border surrounding search tooltip itself r?jaws draft
authorRicky Chien <ricky060709@gmail.com>
Fri, 23 Jun 2017 14:33:36 +0800
changeset 599456 499bd54a9beb05011164f3dfc6b93f20af3681ad
parent 599255 b1b9129838ade91684574f42219b2010928d7db4
child 634783 fef6f201ad27f8634f6d3efc4eb934f6c7e1f237
push id65532
push userbmo:rchien@mozilla.com
push dateFri, 23 Jun 2017 06:43:00 +0000
reviewersjaws
bugs1373535
milestone56.0a1
Bug 1373535 - Add border surrounding search tooltip itself r?jaws MozReview-Commit-ID: 1ykdREZvotQ
browser/themes/shared/incontentprefs/preferences.inc.css
--- a/browser/themes/shared/incontentprefs/preferences.inc.css
+++ b/browser/themes/shared/incontentprefs/preferences.inc.css
@@ -623,26 +623,36 @@ groupbox {
 }
 
 .search-tooltip {
   font-size: 1.25rem;
   position: absolute;
   padding: 0 10px;
   bottom: 100%;
   background-color: #ffe900;
+  border: 1px solid #d7b600;
 }
 
 .search-tooltip:hover,
 .search-tooltip:hover::before {
   filter: opacity(10%);
 }
 
 .search-tooltip::before {
   position: absolute;
   content: "";
+  border: 7px solid transparent;
+  border-top-color: #d7b600;
+  top: 100%;
+  offset-inline-start: calc(50% - 7px);
+}
+
+.search-tooltip::after {
+  position: absolute;
+  content: "";
   border: 6px solid transparent;
   border-top-color: #ffe900;
   top: 100%;
   offset-inline-start: calc(50% - 6px);
 }
 
 .search-tooltip-parent {
   position: relative;