VOOZH about

URL: https://phabricator.services.mozilla.com/D306574

⇱ ⚙ D306574 Bug 2019164 - Update chiclets in the urlbar view for Nova.


Bug 2019164 - Update chiclets in the urlbar view for Nova.
AcceptedPublic

Authored by adw on Fri, Jun 12, 11:12 PM.

Details

Reviewers
dao
Group Reviewers
desktop-theme-reviewers
urlbar-reviewers
Bugzilla Bug ID
2019164
Summary

Update the following:

  • Border color should be the current text color
  • Inline padding of the chiclet should be
  • Space between the icon and text should be

Also re-nest the RTL rule; see Phab discussion.

Depends on D306565

Diff Detail

Repository
rFIREFOXAUTOLAND firefox-autoland
Branch
default

Unit TestsFailed

TimeTest
336,053 mscode-review::mercurial
WARNING: The code review bot failed to apply your patch.
abort: uncommitted changes

Event Timeline

phab-bot changed the visibility from "Custom Policy" to "Public (No Login Required)".
phab-bot changed the edit policy from "Custom Policy" to "Restricted Project (Project)".
phab-bot removed a project: secure-revision.
This revision is now accepted and ready to land.Sat, Jun 13, 7:13 AM
Itiel added inline comments.
browser/themes/shared/urlbar/view-nova.css
751

The 4px here should also change to medium

browser/themes/shared/urlbar/view-nova.css
751

Ah sorry, I was looking at the wrong thing. Is this rule even relevant? I'm not seeing what it's overriding. Unless it was meant to be nested under , in which case the 4px should indeed be changed to medium?

Comment Actions

Submitting an inline comment I intended to submit yesterday...

browser/themes/shared/urlbar/view-nova.css
716

It's not clear from the Figma what the block padding or overall height should be, and I didn't want to cause problems with row height and spacing by changing it, so I didn't touch that.

Comment Actions

Thanks Itiel, I should have realized RTL needs updating too.

I think you're right that it's intended to be nested with the rest of the background rules, and AFAICT are the only actions with background images. Whether or not it's nested turns out not to matter though because it still applies to STT (and so the 4px *should* be updated to ). However, since nesting does seem to be the intention, I'll re-nest it.

Details:

I did some archeology on the RTL line. It was added in bug 1918437 D223704 for scotch bonnet. It was originally nested like this:

/* Switch-to-tab and Clipboard action text is styled as a chiclet. */
.urlbarView-row[has-action]:is([type=switchtab], [type=remotetab], [type=clipboard]) {
 > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action {
 @media (-moz-bool-pref: "browser.urlbar.scotchBonnet.enableOverride") {
 /* background-image and other background rules set here */
 &:-moz-locale-dir(rtl) {
 background-position-x: right 4px;
 }
 }
 }
}

See: https://searchfox.org/firefox-main/rev/522658f297db18d5a00a1f9f01be96e4017fc7ee/browser/themes/shared/urlbarView.css#716-753

The rule was added later in bug 1908451 D231168, which un-nested the RTL rule from the rest of the background rules. That revision did not introduce background images in other non-switch-to-tab cases, so it looks like the un-nesting was unintentional. By that time the RTL rule had become slightly separated from the rest of the background rules by the addition of , so maybe that's why.

adw marked 2 inline comments as done.
adw edited the summary of this revision. (Show Details)
Comment Actions

Re-nest the RTL rule

adw edited the summary of this revision. (Show Details)
Comment Actions

Getting these several revisions lined up for landing, rebasing on Jules's patch

Revision Contents

PathSize
browser/
themes/
shared/
urlbar/
20 lines
CommitLocalParentsAuthorSummaryDate
d5c1949c75d585634136a92b1759e5Drew Willcoxon
imported patch nova-chiclets-jules-2019164
Wed, Jun 17, 3:21 AM

Diff 1301898

browser/themes/shared/urlbar/view-nova.css

Loading...