mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-20 17:28:51 +02:00
2bc9ac5e2e
Summary: Currently, we do a poor job of communicating drag-and-drop upload errors. Show progress and success/failure in notifications.
Test Plan:
{F20671}
{F20672}
Uploaded files to maniphest attachments, remarkup text areas, Files tool.
Reviewers: btrahan, vrana
Reviewed By: vrana
CC: aran
Differential Revision: https://secure.phabricator.com/D3655
50 lines
745 B
CSS
50 lines
745 B
CSS
/**
|
|
* @provides phabricator-notification-css
|
|
*/
|
|
|
|
.jx-notification-container {
|
|
position: fixed;
|
|
|
|
bottom: 24px;
|
|
left: 24px;
|
|
|
|
z-index: 7;
|
|
}
|
|
|
|
.jx-notification {
|
|
width: 240px;
|
|
padding: 8px 16px;
|
|
|
|
font-size: 11px;
|
|
overflow: hidden;
|
|
|
|
background: #f3f6ff;
|
|
color: #444444;
|
|
border: 1px solid #afbfcf;
|
|
|
|
cursor: pointer;
|
|
|
|
border-radius: 3px;
|
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.jx-notification-alert {
|
|
background: #ffffa0;
|
|
border: 1px solid #aaaa60;
|
|
}
|
|
|
|
.jx-notification-debug {
|
|
background: #ffa0ff;
|
|
border: 1px solid #aa60aa;
|
|
}
|
|
|
|
.jx-notification-done {
|
|
background: #d0ffd0;
|
|
border: 1px solid #60aa60;
|
|
}
|
|
|
|
.jx-notification-error {
|
|
background: #ffd0d0;
|
|
border: 1px solid #aa6060;
|
|
}
|