X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fglobal%2Fglobal.css;h=6a661111a8c8e30ad8f86a2b24dae4081d0257dc;hp=aefaa0d9e857bf6c1fcac61b0f9bd1e9b5191d98;hb=a9f6369d5cebd3c329b993d57e73bcf30fffd2cd;hpb=afa44bf62eca2c695eec140b1a0e0028bffac2f6 diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css index aefaa0d9..6a661111 100644 --- a/LCARStrek/global/global.css +++ b/LCARStrek/global/global.css @@ -53,10 +53,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 +334,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 +406,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; +}