fix checkboxes and radios to not use the -with-spacing variant any more as the checkb...

[themes.git] / LCARStrek / global / global.css

diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css
index aefaa0d9e857bf6c1fcac61b0f9bd1e9b5191d98..5d9ee7eaf2852e480d4458a08dca0911a62a91be 100644 (file)
--- a/LCARStrek/global/global.css
+++ b/LCARStrek/global/global.css
@@ -13,12 +13,8 @@
 
 /* ::::: XBL bindings ::::: */
 
-checkbox {
-  -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
-}
-
 radio {
-  -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
+  -moz-binding: url("chrome://global/skin/globalBindings.xml#radio");
 }
 
 menulist > menupopup {
@@ -53,10 +49,10 @@ toolbaritem > menubar {
 
 /* ::::: Variables ::::: */
 :root {
-  --panel-arrowcontent-padding: 6px;
-  --panel-arrowcontent-background: #000000;
-  --panel-arrowcontent-color: #FF9F00;
-  --panel-arrowcontent-border-color: #FF9F00;
+  --arrowpanel-padding: 6px;
+  --arrowpanel-background: #000000;
+  --arrowpanel-color: #FF9F00;
+  --arrowpanel-border-color: #FF9F00;
 }
 
 /* ::::: root elements ::::: */
@@ -334,6 +330,22 @@ 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 {
@@ -390,3 +402,9 @@ popupnotificationcontent {
 .close-icon:hover:active {
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
+
+.close-icon > .button-icon,
+.close-icon > .button-box > .button-icon,
+.close-icon > .toolbarbutton-icon {
+  width: 16px;
+}