AdBannerContextMenu.scss (1099B)
1 .ads-context-menu-wrapper { 2 text-align: end; 3 } 4 5 .ads-context-menu { 6 z-index: 10; 7 position: absolute; 8 inset-inline-end: var(--space-large); 9 inset-block-end: 0; 10 11 .context-menu { 12 /* Position the menu just under and to the right of the context menu button */ 13 inset-inline-end: 100%; 14 inset-inline-start: auto; 15 margin-inline-end: calc(-0.98 * var(--size-item-large)); 16 inset-block-start: calc(2.25 * var(--size-item-small)); 17 } 18 19 // The context menu button background should be transparent by default 20 // in both dark and light mode 21 > moz-button::part(button) { 22 background-color: transparent; 23 } 24 25 // Keep the default styles for hover/active states 26 > moz-button::part(button):hover { 27 background-color: var(--button-background-color-hover); 28 } 29 30 > moz-button::part(button):active { 31 background-color: var(--button-background-color-active); 32 } 33 } 34 35 .context-menu-open { 36 // Once the context menu is open, make sure the menu button background is reset to default 37 > moz-button::part(button) { 38 background-color: var(--button-background-color); 39 } 40 }