diff options
Diffstat (limited to 'toolkit/themes/shared/notification-popup.inc.css')
| -rw-r--r-- | toolkit/themes/shared/notification-popup.inc.css | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/toolkit/themes/shared/notification-popup.inc.css b/toolkit/themes/shared/notification-popup.inc.css new file mode 100644 index 0000000000..8a73f3a247 --- /dev/null +++ b/toolkit/themes/shared/notification-popup.inc.css @@ -0,0 +1,20 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.popup-notification-panel::part(arrowcontent) { + /* To keep the rounded borders of the panel, we use overflow: hidden; from the + * panel-no-padding class to ensure the contents are clipped to the border box. + * That causes us to override the "display" property so that the height of the + * contents is computed correctly. */ + display: flex; + /* Make multiple popupnotifications stack vertically. */ + flex-direction: column; +} + +.popup-notification-panel > popupnotification:not([hidden]) { + /* Since the anonymous parent (::part(arrowcontent)) has display: flex, sizing + * computations work better with display: block; than with the XUL default + * display: -moz-box; */ + display: block; +} |