mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-21 01:38:48 +02:00
a11deec4d4
Summary: Add a dropdown to display notificaitons. Right now there is nothing real time about it, but we do update the panel when the user clicks. This panel is only displayed if the install has notifications enabled and you have them enabled in your preferences (not using them by default). Test Plan: Turn off notifications for user1, left them on for user2. Did things from user1 and from user2 on task both were cc'd on. user2 recieved all notifications, user1 recieved nothing. Made new user, made sure everything was switched off by default. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: keebuhm, ddfisher, aran, Korvin Differential Revision: https://secure.phabricator.com/D2703
291 lines
5.2 KiB
CSS
291 lines
5.2 KiB
CSS
/**
|
|
* @provides phabricator-standard-page-view
|
|
*/
|
|
|
|
|
|
.phabricator-standard-page {
|
|
background: #ffffff;
|
|
}
|
|
|
|
.phabricator-chromeless-page .phabricator-standard-page {
|
|
background: transparent;
|
|
border-width: 0px;
|
|
|
|
-webkit-box-shadow: none;
|
|
-mox-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.phabricator-standard-header {
|
|
background: #005588;
|
|
color: white;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.phabricator-standard-header td {
|
|
vertical-align: bottom;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.phabricator-primary-navigation {
|
|
padding-top: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
|
|
.phabricator-standard-header a {
|
|
color: white;
|
|
}
|
|
|
|
.phabricator-primary-navigation th,
|
|
.phabricator-primary-navigation td {
|
|
vertical-align: bottom;
|
|
font-size: 13px;
|
|
border-bottom: 6px solid transparent;
|
|
padding-top: 14px;
|
|
padding-bottom: 4px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.phabricator-logo {
|
|
width: 220px;
|
|
}
|
|
|
|
.phabricator-logo-with-custom {
|
|
width: 440px;
|
|
}
|
|
|
|
.phabricator-logo a {
|
|
display: block;
|
|
width: 220px;
|
|
height: 40px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.phabricator-logo a.logo-custom {
|
|
position: absolute;
|
|
background: url(/rsrc/image/custom/custom.png) no-repeat 0 0;
|
|
}
|
|
|
|
.phabricator-logo a.logo-standard {
|
|
background: url(/rsrc/image/phabricator_logo.png) no-repeat -220px 0;
|
|
}
|
|
|
|
.phabricator-admin-page-view .phabricator-logo a.logo-standard {
|
|
background-image: url(/rsrc/image/phabricator_logo_admin.png);
|
|
}
|
|
|
|
.phabricator-logo-with-custom a.logo-standard {
|
|
padding-left: 220px;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.phabricator-logo a.logo-standard:hover {
|
|
background-position: -220px -40px;
|
|
}
|
|
|
|
.phabricator-logo a.logo-custom:hover,
|
|
.phabricator-logo-with-custom a.logo-standard:hover {
|
|
background-position: 0 -40px;
|
|
}
|
|
|
|
.phabricator-primary-navigation td {
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.phabricator-primary-navigation td.phabricator-selected-tab {
|
|
border-bottom-color: #ffffff;
|
|
background: #336699;
|
|
}
|
|
|
|
|
|
.phabricator-standard-header .phabricator-head-appname {
|
|
padding: 0 1em;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
td.phabricator-login-details {
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
padding: 0px 24px;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
|
|
.phabricator-page-foot {
|
|
text-align: right;
|
|
margin: 2em;
|
|
border-top: 1px solid #afafaf;
|
|
padding: .5em 1em;
|
|
font-size: 11px;
|
|
color: #666666;
|
|
}
|
|
|
|
.phabricator-admin-page-view .phabricator-standard-header {
|
|
background: #aa0000;
|
|
}
|
|
|
|
.phabricator-admin-page-view td.phabricator-selected-tab {
|
|
background: #cc3333;
|
|
}
|
|
|
|
.keyboard-shortcut-help td,
|
|
.keyboard-shortcut-help th {
|
|
padding: 8px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.keyboard-shortcut-help th {
|
|
white-space: nowrap;
|
|
color: #666666;
|
|
}
|
|
|
|
.keyboard-shortcut-help kbd {
|
|
background: #222222;
|
|
padding: 6px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
border: 1px solid #555555;
|
|
}
|
|
|
|
.keyboard-focus-focus-reticle {
|
|
z-index: 1;
|
|
background: #ffffd3;
|
|
position: absolute;
|
|
border: 1px solid #999900;
|
|
}
|
|
|
|
.keyboard-shortcuts-available {
|
|
height: 16px;
|
|
vertical-align: middle;
|
|
color: #666666;
|
|
text-align: right;
|
|
padding-right: 24px;
|
|
font-size: 11px;
|
|
background:
|
|
url('/rsrc/image/icon/fatcow/key_question.png') right center no-repeat;
|
|
}
|
|
|
|
.workflow-header {
|
|
background: #efefef;
|
|
padding: 6px 2em;
|
|
text-align: right;
|
|
margin-bottom: 6px;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.workflow-header button {
|
|
float: right;
|
|
}
|
|
|
|
.handle-status-closed {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
a.handle-disabled,
|
|
a.handle-status-away,
|
|
a.handle-status-sporadic {
|
|
padding-left: 12px;
|
|
background-repeat: no-repeat;
|
|
background-position: -4px center;
|
|
}
|
|
|
|
a.handle-status-away {
|
|
background-image: url(/rsrc/image/icon/fatcow/bullet_red.png);
|
|
}
|
|
|
|
a.handle-status-sporadic {
|
|
background-image: url(/rsrc/image/icon/fatcow/bullet_orange.png);
|
|
}
|
|
|
|
a.handle-disabled {
|
|
background-image: url(/rsrc/image/icon/fatcow/bullet_black.png);
|
|
}
|
|
|
|
.PhabricatorMonospaced {
|
|
font-family: "Menlo", "Consolas", "Monaco", monospace;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.aphront-developer-error-callout {
|
|
padding: 2em;
|
|
background: #aa0000;
|
|
color: white;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
font-family: "Verdana";
|
|
}
|
|
|
|
.buoyant {
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 8;
|
|
|
|
padding: 6px;
|
|
color: #dddddd;
|
|
font-size: 11px;
|
|
opacity: 0.90;
|
|
width: 100%;
|
|
|
|
background: #222222;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
#phabricator-notification-indicator {
|
|
background-color: #0069a6;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
vertical-align: middle;
|
|
height: 40px;
|
|
width: 40px;
|
|
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
}
|
|
|
|
#phabricator-notification-indicator:hover {
|
|
cursor: pointer;
|
|
background-color: #0089d9;
|
|
}
|
|
|
|
#phabricator-notification-dropdown {
|
|
|
|
word-wrap: break-word;
|
|
|
|
overflow-y: auto;
|
|
position: absolute;
|
|
width: 600px;
|
|
height: 300px;
|
|
right: 0px;
|
|
|
|
|
|
background-color: #f0f0f0;
|
|
border: 1px solid darkgrey;
|
|
box-shadow: 3px 3px #ccc;
|
|
-webkit-box-shadow: 3px 3px #ccc;
|
|
-moz-box-shadow: 3px 3px #ccc;
|
|
|
|
z-index: 3;
|
|
}
|
|
|
|
.phabricator-notification-story-head {
|
|
border-bottom: 1px solid darkgray;
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
|
|
.phabricator-notification-frame {
|
|
padding-left: 5px;
|
|
padding-right: 10px;
|
|
}
|