Bug 1857114 - Update the icon in addon rows. r=daisuke,desktop-theme-reviewers,dao

These rules are similar to [the Pocket ones](https://searchfox.org/mozilla-central/rev/1f5d04fed3631f97a84b589429419b83342d7c9a/browser/themes/shared/urlbarView.css#789-793) because the UI is similar: A 24x24px
icon inside a larger gray box.

Differential Revision: https://phabricator.services.mozilla.com/D190138
This commit is contained in:
Drew Willcoxon 2023-10-06 02:47:14 +00:00
parent ea0fd9af2e
commit d4195691e7

View File

@ -403,9 +403,15 @@
.urlbarView-dynamic-addons-icon {
grid-area: icon;
width: 60px;
height: 60px;
width: 24px;
height: 24px;
padding: calc((60px - 24px) / 2);
background-color: var(--urlbar-box-focus-bgcolor);
border-radius: 2px;
margin-inline-end: calc(/* .urlbarView-row-inner padding-inline */ var(--urlbarView-item-inline-padding) + /* .urlbarView-dynamic-addons-content padding */ 4px);
.urlbarView-row:is([selected], :hover) > .urlbarView-row-inner > .urlbarView-dynamic-addons-content > & {
background-color: var(--urlbarView-result-button-selected-background-color);
}
}
.urlbarView-dynamic-addons-header {