mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-24 14:30:56 +01:00
17306b7a92
Summary: ReviewBoard has a fancier version of this feature that's more granular -- the keyboard can focus on individual changes. I think that's good and intend to implement something similar, but this gets us a step closer and gets rid of some of the bookkeeping stuff like making shortcuts discoverable. (I have another brnach with Maniphest merging which also uses fatcow icons, which is why the README seems a little out of context.) Test Plan: Used "j" and "k" to jump between changesets. Pressed "?" and got a list of available shortcuts. Reviewed By: tuomaspelkonen Reviewers: aran, jungejason, tuomaspelkonen CC: moskov, aran, epriestley, tuomaspelkonen Differential Revision: 412
152 lines
2.7 KiB
CSS
152 lines
2.7 KiB
CSS
/**
|
|
* @provides phabricator-standard-page-view
|
|
*/
|
|
|
|
|
|
.phabricator-standard-page {
|
|
background: #ffffff;
|
|
border-bottom: 1px solid #888888;
|
|
|
|
-webkit-box-shadow: 0 0 6px #000;
|
|
-mox-box-shadow: 0 0 6px #000;
|
|
box-shadow: 0 0 6px #000;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.phabricator-logo {
|
|
width: 220px;
|
|
}
|
|
|
|
.phabricator-logo a {
|
|
display: block;
|
|
width: 220px;
|
|
height: 40px;
|
|
background: url('/rsrc/image/phabricator_logo.png') no-repeat 0 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.phabricator-logo a:hover {
|
|
background-position-y: -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;
|
|
}
|
|
|
|
.phabricator-page-foot {
|
|
text-align: right;
|
|
padding: .5em 1em;
|
|
font-size: 11px;
|
|
color: #f3f3f3;
|
|
}
|
|
|
|
.phabricator-admin-page-view .phabricator-standard-header {
|
|
background: #aa0000;
|
|
}
|
|
|
|
.phabricator-admin-page-view td.phabricator-selected-tab {
|
|
background: #cc3333;
|
|
}
|
|
|
|
.phabricator-admin-page-view .phabricator-logo a {
|
|
background-image: url('/rsrc/image/phabricator_logo_admin.png');
|
|
}
|
|
|
|
.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: 32;
|
|
border: 1px solid #999999;
|
|
|
|
position: absolute;
|
|
-webkit-box-shadow: 0 0 3px #000;
|
|
-mox-box-shadow: 0 0 3px #000;
|
|
box-shadow: 0 0 3px #000;
|
|
}
|
|
|
|
.keyboard-shortcuts-available {
|
|
width: 100%;
|
|
}
|
|
|
|
.keyboard-shortcuts-available th {
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
color: #666666;
|
|
text-align: right;
|
|
padding-right: 8px;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.keyboard-shortcuts-available td {
|
|
padding: 8px;
|
|
background: url('/rsrc/image/icon/fatcow/key_question.png') 0px 0px no-repeat;
|
|
}
|
|
|