From f2c105e4202f3e42e19c2b1923cf330779291c17 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Thu, 20 Apr 2017 01:23:12 +0200 Subject: update to 53.0 --- arc-firefox-theme/chrome/global/notification.css | 125 +++++++++++++++++++++-- 1 file changed, 117 insertions(+), 8 deletions(-) (limited to 'arc-firefox-theme/chrome/global/notification.css') diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css index 2e57051..a9e3ea8 100644 --- a/arc-firefox-theme/chrome/global/notification.css +++ b/arc-firefox-theme/chrome/global/notification.css @@ -73,10 +73,27 @@ notification[type="critical"] { padding-right: 11px; } -/* Popup notification */ +/* 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-body-container { + padding: var(--arrowpanel-padding); +} + +.popup-notification-icon { + width: 32px; + height: 32px; + margin-inline-end: var(--arrowpanel-padding); +} .popup-notification-body { - max-width: 25em; + width: 25em; +} + +.popup-notification-closebutton { + margin-inline-end: -8px; + margin-top: -8px; } .popup-notification-origin:not([value]), @@ -93,14 +110,106 @@ notification[type="critical"] { } .popup-notification-button-container { - margin-top: 17px; + background-color: var(--arrowpanel-dimmed); + display: flex; } -.popup-notification-closebutton { - margin-inline-end: -10px; - margin-top: -6px; +.popup-notification-button-container > toolbarseparator { + -moz-appearance: none; + border: 0; + border-left: 1px solid var(--panel-separator-color); + margin: 7px 0 7px; + min-width: 0; +} + +.popup-notification-button-container:hover > toolbarseparator { + margin: 0; +} + +.popup-notification-button { + flex: 1; + -moz-appearance: none; + background-color: transparent; + color: inherit; + margin: 0; + padding: 0; + min-width: 0; + min-height: 41px; + border: none; + border-top: 1px solid var(--panel-separator-color); +} + +.popup-notification-button:hover:not([disabled]) { + background-color: var(--arrowpanel-dimmed); +} + +.popup-notification-button:hover:active:not([disabled]) { + background-color: var(--arrowpanel-dimmed-further); + box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset; +} + +.popup-notification-button[disabled] { + background-color: var(--arrowpanel-dimmed-further); + color: graytext; + /* the !important is to override the button[disabled] settings in + * windows/linux button.css */ + -moz-border-top-colors: var(--panel-separator-color) !important; +} + +.popup-notification-button[default] { + flex: 0 50%; +} + +.popup-notification-button[default]:not([disabled]) { + background-color: #0996f8; + color: white; +} + +.popup-notification-button[default]:hover:not([disabled]) { + background-color: #0675d3; +} + +.popup-notification-button[default]:hover:active:not([disabled]) { + background-color: #0568ba; +} + +.popup-notification-button[anonid="secondarybutton"][hidden="true"] ~ .popup-notification-button[default] { + flex: 1; +} + +.popup-notification-button > .button-box { + padding: 0; + margin: 0; + /* prevent double border on windows when focused */ + border: none; +} + +.popup-notification-dropmarker { + flex: none; + padding: 0 15px; +} + +.popup-notification-dropmarker > .button-box > hbox { + display: none; +} + +.popup-notification-dropmarker > .button-box > .button-menu-dropmarker { + /* This is to override the linux !important */ + -moz-appearance: none !important; + display: -moz-box; + padding: 0; + margin: 0; +} + +.popup-notification-dropmarker > .button-box > .button-menu-dropmarker > .dropmarker-icon { + width: 16px; + height: 16px; + list-style-image: url(chrome://global/skin/icons/menubutton-dropmarker.svg); + filter: url(chrome://global/skin/filters.svg#fill); + fill: currentColor; } -.popup-notification-menubutton > .button-menubutton-button[disabled] { - opacity: 0.5; +.popup-notification-button:-moz-focusring { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; } -- cgit v1.2.3