Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-30 08:12:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
toolkit/content/widgets/popupnotification.js
View File

@ -16,7 +16,7 @@
".popup-notification-description": "popupid,id=descriptionid",
".popup-notification-description > span:first-of-type":
"text=label,popupid",
".popup-notification-description > b:first-of-type":
".popup-notification-description > .popup-notification-description-name":
"text=name,popupid",
".popup-notification-description > span:nth-of-type(2)":
"text=endlabel,popupid",
@ -81,7 +81,7 @@
<!-- These need to be on the same line to avoid creating
whitespace between them (whitespace is added in the
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>
<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>

10
toolkit/themes/shared/popupnotification.css
View File

@ -53,6 +53,16 @@ popupnotificationcontent {
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 {
margin-inline-end: -8px;
margin-top: -8px;