55 lines
1.4 KiB
SCSS
55 lines
1.4 KiB
SCSS
.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);
|
|
}
|
|
}
|
|
|
|
// @nova-cleanup(remove-conditional): Remove .nova-enabled selector, make default behavior
|
|
.nova-enabled {
|
|
.ads-context-menu {
|
|
inset-inline-end: var(--space-xlarge);
|
|
}
|
|
|
|
.context-menu-open {
|
|
> moz-button::part(button) {
|
|
background-color: var(--button-background-color-ghost-hover);
|
|
}
|
|
}
|
|
}
|
|
|