Bug 1920423, r=Gijs,desktop-theme-reviewers,reusable-components-reviewers,hjones

Differential Revision: https://phabricator.services.mozilla.com/D224303
This commit is contained in:
Paul Zuehlcke 2024-10-02 15:57:47 +00:00
parent bcecfdfb85
commit 11b53f439e
2 changed files with 12 additions and 2 deletions

View File

@ -16,7 +16,7 @@
".popup-notification-description": "popupid,id=descriptionid", ".popup-notification-description": "popupid,id=descriptionid",
".popup-notification-description > span:first-of-type": ".popup-notification-description > span:first-of-type":
"text=label,popupid", "text=label,popupid",
".popup-notification-description > b:first-of-type": ".popup-notification-description > .popup-notification-description-name":
"text=name,popupid", "text=name,popupid",
".popup-notification-description > span:nth-of-type(2)": ".popup-notification-description > span:nth-of-type(2)":
"text=endlabel,popupid", "text=endlabel,popupid",
@ -81,7 +81,7 @@
<!-- These need to be on the same line to avoid creating <!-- These need to be on the same line to avoid creating
whitespace between them (whitespace is added in the whitespace between them (whitespace is added in the
localization file, if necessary). --> localization file, if necessary). -->
<description class="popup-notification-description"><html:span></html:span><html:b></html:b><html:span></html:span><html:b></html:b><html:span></html:span></description> <description class="popup-notification-description"><html:span></html:span><html:b class="popup-notification-description-name"></html:b><html:span></html:span><html:b></html:b><html:span></html:span></description>
<description class="popup-notification-hint-text"></description> <description class="popup-notification-hint-text"></description>
<vbox class="popup-notification-bottom-content" align="start"> <vbox class="popup-notification-bottom-content" align="start">
<label class="popup-notification-learnmore-link" is="text-link" data-l10n-id="popup-notification-learn-more"></label> <label class="popup-notification-learnmore-link" is="text-link" data-l10n-id="popup-notification-learn-more"></label>

View File

@ -53,6 +53,16 @@ popupnotificationcontent {
flex: 1 auto; flex: 1 auto;
} }
/*
* Ensure that host names in PopupNotifications wrap. This targets the "name"
* element in the description container which is the "name" property of the
* PopupNotification. Name is what gets substituted from the l10n string using
* the placeholder <>.
*/
.popup-notification-description-name {
word-break: break-all;
}
.popup-notification-closebutton { .popup-notification-closebutton {
margin-inline-end: -8px; margin-inline-end: -8px;
margin-top: -8px; margin-top: -8px;