mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-20 05:42:40 +01:00
0e5cd478c4
Summary: Should make it simpler here to have more `rgba` rules in CSS for things like hovers, selected states. Maybe only use `rgb` colors? Color pallette probably needs an overhaul. Test Plan: Bounce around random pages, buttons, menus. Everything appears normal. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15273
57 lines
939 B
CSS
57 lines
939 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({$alphablack}, 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;
|
|
}
|