nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Bug 1838473 - Ensure urlbar rows without rich icons can wrap. r=adw,desktop-theme-reviewers,dao

Browse source 
Differential Revision: https://phabricator.services.mozilla.com/D180999
This commit is contained in:
Dale Harvey 2023-06-19 08:24:59 +00:00
parent 9dd8bc916d
commit 44c2bd2a83
1 changed files with 7 additions and 4 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

11
browser/themes/shared/urlbarView.css
View file

@ -168,7 +168,7 @@
/* Wrap the url to a second line when the window is narrow. Do not wrap when the /* Wrap the url to a second line when the window is narrow. Do not wrap when the
window is also short, because fewer results will be shown. */ window is also short, because fewer results will be shown. */
@media screen and (min-height: 600px) { @media screen and (min-height: 600px) {
.urlbarView-results[wrap] > .urlbarView-row:where(:not([rich-suggestion])) > .urlbarView-row-inner { .urlbarView-results[wrap] > .urlbarView-row:where(:not([rich-suggestion=with-icon])) > .urlbarView-row-inner {
flex-wrap: wrap; flex-wrap: wrap;
} }
.urlbarView-results[wrap] > .urlbarView-row > .urlbarView-row-inner > .urlbarView-no-wrap { .urlbarView-results[wrap] > .urlbarView-row > .urlbarView-row-inner > .urlbarView-no-wrap {
@ -186,6 +186,10 @@
.urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url:-moz-locale-dir(rtl) { .urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-url:-moz-locale-dir(rtl) {
padding-right: calc(var(--urlbarView-item-inline-padding) + var(--identity-box-margin-inline) + var(--urlbarView-favicon-width)); padding-right: calc(var(--urlbarView-item-inline-padding) + var(--identity-box-margin-inline) + var(--urlbarView-favicon-width));
} }
/* When rich suggestions are enabled the space for the icon increases to allow for larger icons */
.urlbarView-results[wrap]>.urlbarView-row[rich-suggestion=no-icon][has-url]>.urlbarView-row-inner>.urlbarView-url {
margin-inline-start: var(--urlbarView-icon-margin-end);
}
/* Note: switchtab entries show the url only in override mode, /* Note: switchtab entries show the url only in override mode,
remotetab and sponsored ones only when selected or :hover. */ remotetab and sponsored ones only when selected or :hover. */
.urlbarView[actionoverride] .urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator, .urlbarView[actionoverride] .urlbarView-results[wrap] > .urlbarView-row[has-url] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-title-separator,
@ -251,9 +255,8 @@
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.urlbarView-row[rich-suggestion=no-icon] .urlbarView-favicon { .urlbarView-row[rich-suggestion=no-icon]:not([firefox-suggest-sponsored]) .urlbarView-favicon {
margin-inline-start: 4px; margin-inline: 4px 16px;
margin-inline-end: 16px;
} }
.urlbarView-row[rich-suggestion=with-icon] > .urlbarView-row-inner > .urlbarView-no-wrap { .urlbarView-row[rich-suggestion=with-icon] > .urlbarView-row-inner > .urlbarView-no-wrap {