Bug 1958482 - The Context menu of the IAB ads is cut off when resizing the browser on es, it, de and fr locales r=home-newtab-reviewers,thecount

- Updated styles for IAB banners context menu to cater for long localised strings.

Differential Revision: https://phabricator.services.mozilla.com/D245689
This commit is contained in:
Nina Pypchenko
2025-04-16 15:32:57 +00:00
parent 06f2abb842
commit 99f6b697fd
2 changed files with 6 additions and 5 deletions

View File

@@ -8,11 +8,11 @@
position: relative;
.context-menu {
width: auto;
/* 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));
top: calc(2.25 * var(--size-item-small));
inset-inline-start: calc(-12.25 * var(--size-item-small));
}
> moz-button {

View File

@@ -8108,10 +8108,11 @@ main section {
position: relative;
}
.ads-context-menu .context-menu {
width: auto;
/* 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));
top: calc(2.25 * var(--size-item-small));
inset-inline-start: calc(-12.25 * var(--size-item-small));
}
.ads-context-menu > moz-button {
padding-block-end: var(--space-small);