Bug 1593959 - Introduce a visual gap between results. r=mak
authorHarry Twyford <htwyford@mozilla.com>
Wed, 06 Nov 2019 16:23:45 +0000
changeset 500890 4ee2e15986b6115c94c803d807178c2e282c17bc
parent 500889 40de560a7cadb4f2c5cb388aac0afebdab650827
child 500891 de6cf4a44c019805eebace8a1c08488dc4f3677a
push id36778
push userapavel@mozilla.com
push dateThu, 07 Nov 2019 09:49:05 +0000
treeherdermozilla-central@d271c572a9bc [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmak
bugs1593959
milestone72.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 1593959 - Introduce a visual gap between results. r=mak Differential Revision: https://phabricator.services.mozilla.com/D51979
browser/themes/shared/urlbar-autocomplete.inc.css
--- a/browser/themes/shared/urlbar-autocomplete.inc.css
+++ b/browser/themes/shared/urlbar-autocomplete.inc.css
@@ -124,19 +124,24 @@
   white-space: nowrap;
 }
 
 .urlbarView:not(.megabar) .urlbarView-results {
   padding-inline: @urlbarViewPadding@;
 }
 
 .urlbarView-row {
-  border-radius: 2px;
   fill: currentColor;
   fill-opacity: .6;
+  padding-block: 3px;
+}
+
+.urlbarView:not(.megabar) .urlbarView-row,
+.urlbarView.megabar .urlbarView-row-inner {
+  border-radius: 2px;
   padding-block: 6px;
   padding-inline-start: calc(@urlbarViewItemPaddingStart@);
 }
 
 .urlbarView:not(.megabar) .urlbarView-row {
   padding-inline-start: calc(var(--item-padding-start, calc(5px + @urlbarViewFaviconOffset@)) - @urlbarViewFaviconOffset@);
   padding-inline-end: var(--item-padding-end, 5px);
 }
@@ -161,21 +166,23 @@
   mask-image: linear-gradient(to right, transparent, black 2em);
 }
 
 .urlbarView-title[isurl]:-moz-locale-dir(rtl),
 .urlbarView-url:-moz-locale-dir(rtl) {
   direction: ltr !important;
 }
 
-.urlbarView-row:not([type=tip]):hover {
+.urlbarView:not(.megabar) .urlbarView-row:not([type=tip]):hover,
+.urlbarView.megabar .urlbarView-row:not([type=tip]):hover > .urlbarView-row-inner {
   background: var(--arrowpanel-dimmed);
 }
 
-.urlbarView-row:not([type=tip])[selected] {
+.urlbarView:not(.megabar) .urlbarView-row:not([type=tip])[selected],
+.urlbarView.megabar .urlbarView-row:not([type=tip])[selected] > .urlbarView-row-inner {
   background: var(--autocomplete-popup-highlight-background);
   color: var(--autocomplete-popup-highlight-color);
   fill-opacity: 1;
 }
 
 .urlbarView-type-icon,
 .urlbarView-favicon {
   min-width: 16px;