Bug 1922262: Tab group context menu chicklet uses correct styling r=dao,desktop-theme-reviewers,tabbrowser-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D224547
This commit is contained in:
Jeremy Swinarton
2024-10-10 15:00:02 +00:00
parent a8c247cb72
commit 0026e1e3bc
5 changed files with 40 additions and 11 deletions

View File

@@ -7959,15 +7959,14 @@ var TabContextMenu = {
document.l10n.setAttributes(item, "tab-context-unnamed-group");
}
item.classList.add("menuitem-iconic");
item.setAttribute(
"image",
`data:image/svg+xml;utf8,
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="32" rx="2" fill="${encodeURIComponent(
group.color
)}"/>
</svg>`
item.classList.add("menuitem-iconic", "tab-contextmenu-group-icon");
item.style.setProperty(
"--tab-group-color",
group.style.getPropertyValue("--tab-group-color")
);
item.style.setProperty(
"--tab-group-color-invert",
group.style.getPropertyValue("--tab-group-color-invert")
);
submenu.appendChild(item);
});