-moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
}
+/* ::::: Variables ::::: */
+:root {
+ --arrowpanel-padding: 6px;
+ --arrowpanel-background: #CCD0DD;
+ --arrowpanel-color: #000000;
+ --arrowpanel-border-color: #CCD0DD;
+}
+
/* ::::: root elements ::::: */
window,
window.dialog {
padding-top: 8px;
padding-bottom: 10px;
- -moz-padding-start: 8px;
- -moz-padding-end: 10px;
+ padding-inline-start: 8px;
+ padding-inline-end: 10px;
}
/* ::::: alert icons :::::*/
-moz-appearance: none;
border-top-style: none;
border-bottom-style: none;
- -moz-border-start-style: none;
+ border-inline-start-style: none;
}
.statusbar-resizerpanel {
separator.groove[orient="vertical"] {
border-left: 2px groove #CCD0DD;
- -moz-margin-start: 0.4em;
- -moz-margin-end: 0.4em;
+ margin-inline-start: 0.4em;
+ margin-inline-end: 0.4em;
}
/* groove separators (0 padding, for dividing effects) */
}
.indent {
-/* -moz-margin-start: 23px; */
- -moz-margin-start: 15px;
+/* margin-inline-start: 23px; */
+ margin-inline-start: 15px;
}
.box-padded {
outline: 1px dotted;
}
+popupnotificationcontent {
+ margin-top: .5em;
+}
+
+/* === BEGIN notification-popup.inc.css === */
+
+.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: block;
+}
+
+/* === END notification-popup.inc.css === */
+
/* :::::: autoscroll popup ::::: */
.autoscroller {