diff options
author | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
---|---|---|
committer | Matt A. Tobin <mattatobin@localhost.localdomain> | 2018-02-02 04:16:08 -0500 |
commit | 5f8de423f190bbb79a62f804151bc24824fa32d8 (patch) | |
tree | 10027f336435511475e392454359edea8e25895d /devtools/client/shared/components/notification-box.css | |
parent | 49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff) | |
download | UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip |
Add m-esr52 at 52.6.0
Diffstat (limited to 'devtools/client/shared/components/notification-box.css')
-rw-r--r-- | devtools/client/shared/components/notification-box.css | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/devtools/client/shared/components/notification-box.css b/devtools/client/shared/components/notification-box.css new file mode 100644 index 000000000..83c29b616 --- /dev/null +++ b/devtools/client/shared/components/notification-box.css @@ -0,0 +1,95 @@ +/* vim:set ts=2 sw=2 sts=2 et: */ +/* 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/. */ + +/* Layout */ + +.notificationbox .notificationInner { + display: flex; + flex-direction: row; +} + +.notificationbox .details { + flex-grow: 1; + display: flex; + flex-direction: row; + align-items: center; +} + +.notificationbox .notification-button { + text-align: right; +} + +.notificationbox .messageText { + flex-grow: 1; +} + +.notificationbox .details:-moz-dir(rtl) +.notificationbox .notificationInner:-moz-dir(rtl) { + flex-direction: row-reverse; +} + +/* Style */ + +.notificationbox .notification { + background-color: InfoBackground; + text-shadow: none; + border-top: 1px solid ThreeDShadow; + border-bottom: 1px solid ThreeDShadow; +} + +.notificationbox .notification[data-type="info"] { + color: -moz-DialogText; + background-color: -moz-Dialog; +} + +.notificationbox .notification[data-type="critical"] { + color: white; + background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0)); +} + +.notificationbox .messageImage { + display: inline-block; + width: 16px; + height: 16px; + margin: 6px; +} + +/* Default icons for notifications */ + +.notificationbox .messageImage[data-type="info"] { + background-image: url("chrome://global/skin/icons/information-16.png"); +} + +.notificationbox .messageImage[data-type="warning"] { + background-image: url("chrome://global/skin/icons/warning-16.png"); +} + +.notificationbox .messageImage[data-type="critical"] { + background-image: url("chrome://global/skin/icons/error-16.png"); +} + +/* Close button */ + +.notificationbox .messageCloseButton { + width: 20px; + height: 20px; + margin: 4px; + margin-inline-end: 8px; + background-image: url("chrome://devtools/skin/images/close.svg"); + background-position: center; + background-color: transparent; + background-repeat: no-repeat; + border-radius: 11px; + filter: invert(0); +} + +.notificationbox .messageCloseButton:hover { + background-color: gray; + filter: invert(1); +} + +.notificationbox .messageCloseButton:active { + background-color: rgba(170, 170, 170, .4); /* --toolbar-tab-hover-active */ +} |