aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/global/global.css
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/global/global.css')
-rw-r--r--arc-firefox-theme/chrome/global/global.css14
1 files changed, 14 insertions, 0 deletions
diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css
index 1f9e7e4..d78a911 100644
--- a/arc-firefox-theme/chrome/global/global.css
+++ b/arc-firefox-theme/chrome/global/global.css
@@ -292,6 +292,20 @@ popupnotificationcontent {
margin-top: .5em;
}
+.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ /* In order to display the action buttons near the edge of the arrow panel we
+ * have to reset its default padding and specify the padding in the individual
+ * "popupnotification" elements instead. To keep the rounded borders of the
+ * panel, we also have to ensure the contents are clipped to the border box
+ * by hiding the overflow, and we have to override the "display" property so
+ * that the height of the contents is computed correctly in that case. */
+ padding: 0;
+ overflow: hidden;
+ display: flex;
+ /* Make multiple popupnotifications stack vertically. */
+ flex-direction: column;
+}
+
/* :::::: autoscroll popup ::::: */
.autoscroller {