1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-21 13:00:56 +01:00
phorge-phorge/webroot/rsrc/css/aphront/notification.css
epriestley f42ec84d0c Add "High Security" mode to support multi-factor auth
Summary:
Ref T4398. This is roughly a "sudo" mode, like GitHub has for accessing SSH keys, or Facebook has for managing credit cards. GitHub actually calls theirs "sudo" mode, but I think that's too technical for big parts of our audience. I've gone with "high security mode".

This doesn't actually get exposed in the UI yet (and we don't have any meaningful auth factors to prompt the user for) but the workflow works overall. I'll go through it in a comment, since I need to arrange some screenshots.

Test Plan: See guided walkthrough.

Reviewers: chad, btrahan

Reviewed By: btrahan

Subscribers: epriestley

Maniphest Tasks: T4398

Differential Revision: https://secure.phabricator.com/D8851
2014-04-27 17:31:11 -07:00

57 lines
933 B
CSS

/**
* @provides phabricator-notification-css
*/
.jx-notification-container {
position: fixed;
bottom: 24px;
left: 24px;
}
.jx-notification {
width: 240px;
padding: 8px 16px;
font-size: 11px;
overflow: hidden;
background: {$lightsky};
color: {$darkgreytext};
border: 1px solid {$sky};
cursor: pointer;
border-radius: 3px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
margin-top: 4px;
}
.jx-notification-alert {
background: {$lightyellow};
border: 1px solid {$yellow};
}
.jx-notification-debug {
background: {$lightindigo};
border: 1px solid {$indigo};
}
.jx-notification-done {
background: {$lightgreen};
border: 1px solid {$green};
}
.jx-notification-error {
background: {$lightred};
border: 1px solid {$red};
}
.jx-notification-security {
background: {$lightviolet};
border: 1px solid {$violet};
}
.jx-notification-container .phabricator-notification {
padding: 0;
}