Source code
Revision control
Copy as Markdown
Other Tools
.ads-context-menu-wrapper {
text-align: end;
}
.ads-context-menu {
z-index: 10;
position: absolute;
inset-inline-end: var(--space-large);
inset-block-end: 0;
.context-menu {
/* Position the menu just under and to the right of the context menu button */
inset-inline-end: 100%;
inset-inline-start: auto;
margin-inline-end: calc(-0.98 * var(--size-item-large));
inset-block-start: calc(2.25 * var(--size-item-small));
}
// The context menu button background should be transparent by default
// in both dark and light mode
> moz-button::part(button) {
background-color: transparent;
}
// Keep the default styles for hover/active states
> moz-button::part(button):hover {
background-color: var(--button-background-color-hover);
}
> moz-button::part(button):active {
background-color: var(--button-background-color-active);
}
}
.context-menu-open {
// Once the context menu is open, make sure the menu button background is reset to default
> moz-button::part(button) {
background-color: var(--button-background-color);
}
}