mirror of
https://we.phorge.it/source/phorge.git
synced 2025-02-19 18:28:39 +01:00
[Redesign] First rough pass at new ObjectBoxView
Summary: Ref T8099. These are still in progress, but helps visualize the major UI changes before getting deep into the details. Test Plan: Visit basic dashboard, task, diff, and edit pages. {F395806} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D12757
This commit is contained in:
parent
4fe1d3fc7f
commit
9b1acac7ff
12 changed files with 38 additions and 49 deletions
|
@ -7,7 +7,7 @@
|
|||
*/
|
||||
return array(
|
||||
'names' => array(
|
||||
'core.pkg.css' => 'b93886be',
|
||||
'core.pkg.css' => '784344e7',
|
||||
'core.pkg.js' => '60924527',
|
||||
'darkconsole.pkg.js' => 'e7393ebb',
|
||||
'differential.pkg.css' => 'bb338e4b',
|
||||
|
@ -25,7 +25,7 @@ return array(
|
|||
'rsrc/css/aphront/notification.css' => '9c279160',
|
||||
'rsrc/css/aphront/pager-view.css' => '2e3539af',
|
||||
'rsrc/css/aphront/panel-view.css' => '8427b78d',
|
||||
'rsrc/css/aphront/phabricator-nav-view.css' => '7aeaf435',
|
||||
'rsrc/css/aphront/phabricator-nav-view.css' => '3e02e410',
|
||||
'rsrc/css/aphront/table-view.css' => '59e2c0f8',
|
||||
'rsrc/css/aphront/tokenizer.css' => '86a13f7f',
|
||||
'rsrc/css/aphront/tooltip.css' => '7672b60f',
|
||||
|
@ -36,7 +36,7 @@ return array(
|
|||
'rsrc/css/application/auth/auth.css' => '1e655982',
|
||||
'rsrc/css/application/base/main-menu-view.css' => '1766b04d',
|
||||
'rsrc/css/application/base/notification-menu.css' => '3c9d8aa1',
|
||||
'rsrc/css/application/base/phabricator-application-launch-view.css' => '16ca323f',
|
||||
'rsrc/css/application/base/phabricator-application-launch-view.css' => '3fa70b5a',
|
||||
'rsrc/css/application/base/standard-page-view.css' => 'dc14c671',
|
||||
'rsrc/css/application/chatlog/chatlog.css' => '852140ff',
|
||||
'rsrc/css/application/config/config-options.css' => '7fedf08b',
|
||||
|
@ -73,7 +73,6 @@ return array(
|
|||
'rsrc/css/application/harbormaster/harbormaster.css' => '49d64eb4',
|
||||
'rsrc/css/application/herald/herald-test.css' => '778b008e',
|
||||
'rsrc/css/application/herald/herald.css' => '826075fa',
|
||||
'rsrc/css/application/home/home.css' => 'e34bf140',
|
||||
'rsrc/css/application/maniphest/batch-editor.css' => '8f380ebc',
|
||||
'rsrc/css/application/maniphest/report.css' => 'f6931fdf',
|
||||
'rsrc/css/application/maniphest/task-edit.css' => '8e23031b',
|
||||
|
@ -107,7 +106,7 @@ return array(
|
|||
'rsrc/css/application/slowvote/slowvote.css' => '266df6a1',
|
||||
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
|
||||
'rsrc/css/application/uiexample/example.css' => '528b19de',
|
||||
'rsrc/css/core/core.css' => '8971b2d1',
|
||||
'rsrc/css/core/core.css' => 'cee2aadb',
|
||||
'rsrc/css/core/remarkup.css' => '0037bdbf',
|
||||
'rsrc/css/core/syntax.css' => '6b7b24d9',
|
||||
'rsrc/css/core/z-index.css' => '3b612549',
|
||||
|
@ -126,7 +125,7 @@ return array(
|
|||
'rsrc/css/phui/phui-action-header-view.css' => '89c497e7',
|
||||
'rsrc/css/phui/phui-action-list.css' => '4f4d09f2',
|
||||
'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
|
||||
'rsrc/css/phui/phui-box.css' => '7b3a2eed',
|
||||
'rsrc/css/phui/phui-box.css' => 'a5bb366d',
|
||||
'rsrc/css/phui/phui-button.css' => 'de610129',
|
||||
'rsrc/css/phui/phui-crumbs-view.css' => '594d719e',
|
||||
'rsrc/css/phui/phui-document.css' => '94d5dcd8',
|
||||
|
@ -134,16 +133,16 @@ return array(
|
|||
'rsrc/css/phui/phui-fontkit.css' => 'dd8ddf27',
|
||||
'rsrc/css/phui/phui-form-view.css' => '17eace76',
|
||||
'rsrc/css/phui/phui-form.css' => 'f535f938',
|
||||
'rsrc/css/phui/phui-header-view.css' => 'da4586b1',
|
||||
'rsrc/css/phui/phui-header-view.css' => '31868fb6',
|
||||
'rsrc/css/phui/phui-icon.css' => 'bc766998',
|
||||
'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
|
||||
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
|
||||
'rsrc/css/phui/phui-info-view.css' => 'c6f0aef8',
|
||||
'rsrc/css/phui/phui-list.css' => '2e25ebfb',
|
||||
'rsrc/css/phui/phui-object-box.css' => '7d160002',
|
||||
'rsrc/css/phui/phui-object-item-list-view.css' => '9db65899',
|
||||
'rsrc/css/phui/phui-object-box.css' => '2d3b3b42',
|
||||
'rsrc/css/phui/phui-object-item-list-view.css' => 'bfe590d4',
|
||||
'rsrc/css/phui/phui-pinboard-view.css' => 'eaab2b1b',
|
||||
'rsrc/css/phui/phui-property-list-view.css' => '5b671934',
|
||||
'rsrc/css/phui/phui-property-list-view.css' => 'da85c07d',
|
||||
'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b',
|
||||
'rsrc/css/phui/phui-spacing.css' => '042804d6',
|
||||
'rsrc/css/phui/phui-status.css' => '888cedb8',
|
||||
|
@ -537,7 +536,6 @@ return array(
|
|||
'herald-css' => '826075fa',
|
||||
'herald-rule-editor' => '9229e764',
|
||||
'herald-test-css' => '778b008e',
|
||||
'homepage-panel-css' => 'e34bf140',
|
||||
'inline-comment-summary-css' => 'eb5f8e8c',
|
||||
'javelin-aphlict' => '30a6303c',
|
||||
'javelin-behavior' => '61cbc29a',
|
||||
|
@ -710,11 +708,11 @@ return array(
|
|||
'path-typeahead' => 'f7fc67ec',
|
||||
'people-profile-css' => '25970776',
|
||||
'phabricator-action-list-view-css' => '4f4d09f2',
|
||||
'phabricator-application-launch-view-css' => '16ca323f',
|
||||
'phabricator-application-launch-view-css' => '3fa70b5a',
|
||||
'phabricator-busy' => '59a7976a',
|
||||
'phabricator-chatlog-css' => '852140ff',
|
||||
'phabricator-content-source-view-css' => '4b8b05d4',
|
||||
'phabricator-core-css' => '8971b2d1',
|
||||
'phabricator-core-css' => 'cee2aadb',
|
||||
'phabricator-countdown-css' => '86b7b0a0',
|
||||
'phabricator-dashboard-css' => '17937d22',
|
||||
'phabricator-drag-and-drop-file-upload' => '07de8873',
|
||||
|
@ -729,7 +727,7 @@ return array(
|
|||
'phabricator-keyboard-shortcut' => '1ae869f2',
|
||||
'phabricator-keyboard-shortcut-manager' => 'c1700f6f',
|
||||
'phabricator-main-menu-view' => '1766b04d',
|
||||
'phabricator-nav-view-css' => '7aeaf435',
|
||||
'phabricator-nav-view-css' => '3e02e410',
|
||||
'phabricator-notification' => '0c6946e7',
|
||||
'phabricator-notification-css' => '9c279160',
|
||||
'phabricator-notification-menu-css' => '3c9d8aa1',
|
||||
|
@ -770,7 +768,7 @@ return array(
|
|||
'phriction-document-css' => '0d16bc9a',
|
||||
'phui-action-header-view-css' => '89c497e7',
|
||||
'phui-action-panel-css' => '3ee9afd5',
|
||||
'phui-box-css' => '7b3a2eed',
|
||||
'phui-box-css' => 'a5bb366d',
|
||||
'phui-button-css' => 'de610129',
|
||||
'phui-calendar-css' => '8675968e',
|
||||
'phui-calendar-day-css' => '75b8cc4a',
|
||||
|
@ -783,17 +781,17 @@ return array(
|
|||
'phui-fontkit-css' => 'dd8ddf27',
|
||||
'phui-form-css' => 'f535f938',
|
||||
'phui-form-view-css' => '17eace76',
|
||||
'phui-header-view-css' => 'da4586b1',
|
||||
'phui-header-view-css' => '31868fb6',
|
||||
'phui-icon-view-css' => 'bc766998',
|
||||
'phui-image-mask-css' => '5a8b09c8',
|
||||
'phui-info-panel-css' => '27ea50a1',
|
||||
'phui-info-view-css' => 'c6f0aef8',
|
||||
'phui-inline-comment-view-css' => '2174771a',
|
||||
'phui-list-view-css' => '2e25ebfb',
|
||||
'phui-object-box-css' => '7d160002',
|
||||
'phui-object-item-list-view-css' => '9db65899',
|
||||
'phui-object-box-css' => '2d3b3b42',
|
||||
'phui-object-item-list-view-css' => 'bfe590d4',
|
||||
'phui-pinboard-view-css' => 'eaab2b1b',
|
||||
'phui-property-list-view-css' => '5b671934',
|
||||
'phui-property-list-view-css' => 'da85c07d',
|
||||
'phui-remarkup-preview-css' => '19ad512b',
|
||||
'phui-spacing-css' => '042804d6',
|
||||
'phui-status-list-view-css' => '888cedb8',
|
||||
|
|
|
@ -104,7 +104,6 @@ final class PhabricatorHomeMainController extends PhabricatorHomeController {
|
|||
$revision_panel = null;
|
||||
}
|
||||
|
||||
require_celerity_resource('homepage-panel-css');
|
||||
$home = phutil_tag(
|
||||
'div',
|
||||
array(
|
||||
|
|
|
@ -148,10 +148,14 @@ final class PHUIObjectBoxView extends AphrontView {
|
|||
|
||||
require_celerity_resource('phui-object-box-css');
|
||||
|
||||
|
||||
// TODO: (redesign-2015) For now going to override this by hand instead of hunting
|
||||
// down all call sites. This is mostly to prove the design will work
|
||||
// then do the legwork before re-merging to master.
|
||||
if ($this->headerColor) {
|
||||
$header_color = $this->headerColor;
|
||||
} else {
|
||||
$header_color = PHUIActionHeaderView::HEADER_LIGHTBLUE;
|
||||
$header_color = PHUIActionHeaderView::HEADER_WHITE;
|
||||
}
|
||||
|
||||
if ($this->header) {
|
||||
|
|
|
@ -23,7 +23,7 @@
|
|||
element extend off the bottom of the screen to prevent this. */
|
||||
bottom: -480px;
|
||||
width: 204px;
|
||||
background: #dbdde0;
|
||||
background: #fff;
|
||||
border-right: 1px solid {$hovergrey};
|
||||
}
|
||||
|
||||
|
|
|
@ -30,7 +30,7 @@ div.phabricator-application-launch-container {
|
|||
text-decoration: none;
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
border-bottom: 1px solid {$hovergrey};
|
||||
border-bottom: 1px solid {$thinblueborder};
|
||||
}
|
||||
|
||||
.device-phone div.phabricator-application-launch-container {
|
||||
|
@ -51,7 +51,7 @@ div.phabricator-application-launch-container {
|
|||
}
|
||||
|
||||
.device-desktop a.phabricator-application-launch-container:hover {
|
||||
background-color: {$hovergrey};
|
||||
background-color: rgba(0,0,0,.05);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,9 +0,0 @@
|
|||
/**
|
||||
* @provides homepage-panel-css
|
||||
*/
|
||||
|
||||
.homepage-panel h1.phui-header-view {
|
||||
font-size: 14px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
}
|
|
@ -47,7 +47,7 @@ body {
|
|||
direction: ltr;
|
||||
text-align: left;
|
||||
unicode-bidi: embed;
|
||||
background: #fff;
|
||||
background: #f7f7f7;
|
||||
|
||||
/* By default, the iPhone zooms all text on the page by some percentage when
|
||||
you rotate from portrait mode to landscape mode. Disable this, since it
|
||||
|
|
|
@ -4,8 +4,8 @@
|
|||
|
||||
.phui-box-border {
|
||||
border: 1px solid {$lightblueborder};
|
||||
border-bottom: 1px solid {$blueborder};
|
||||
background-color: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.phui-box.focus {
|
||||
|
|
|
@ -3,13 +3,16 @@
|
|||
*/
|
||||
|
||||
.phui-header-shell {
|
||||
background-color: #e0e3ec;
|
||||
border-width: 1px 0;
|
||||
border-style: solid;
|
||||
border-color: {$hovergrey};
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.phui-header-shell.sprite-gradient.gradient-white-header {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
body .phui-header-shell.phui-header-no-backgound {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
|
@ -38,7 +41,7 @@ body .phui-header-shell.phui-bleed-header
|
|||
|
||||
.phui-header-view {
|
||||
padding: 16px;
|
||||
font-size: 15px;
|
||||
font-size: 16px;
|
||||
color: {$darkbluetext};
|
||||
position: relative;
|
||||
}
|
||||
|
|
|
@ -4,6 +4,7 @@
|
|||
|
||||
.phui-object-box {
|
||||
position: relative;
|
||||
padding: 12px 12px 4px 12px;
|
||||
}
|
||||
|
||||
div.phui-object-box.phui-object-box-flush {
|
||||
|
@ -11,8 +12,8 @@ div.phui-object-box.phui-object-box-flush {
|
|||
}
|
||||
|
||||
.phui-object-box .phui-header-shell {
|
||||
padding: 4px 5px 4px 12px;
|
||||
border-bottom: 1px solid {$lightblueborder};
|
||||
padding: 0 5px 4px 4px;
|
||||
border-bottom: 1px solid {$thinblueborder};
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
|
@ -21,8 +22,8 @@ div.phui-object-box.phui-object-box-flush {
|
|||
}
|
||||
|
||||
.phui-object-box .phui-header-shell h1 {
|
||||
text-shadow: 0 1px #fff;
|
||||
padding: 8px 0;
|
||||
padding: 0 0 8px 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.phui-object-box .phui-header-shell + .phui-info-view {
|
||||
|
|
|
@ -39,7 +39,6 @@ ul.phui-object-item-list-view {
|
|||
border-color: {$lightgreyborder};
|
||||
margin: 5px 0;
|
||||
overflow: hidden;
|
||||
border-left-width: 4px;
|
||||
background: #fff;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
@ -249,7 +248,7 @@ ul.phui-object-item-list-view {
|
|||
border-right: none;
|
||||
}
|
||||
|
||||
.phui-object-box .phui-object-list-stackable:last-child
|
||||
.phui-object-box .phui-object-item:last-child
|
||||
.phui-object-item-frame {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
|
|
@ -2,10 +2,6 @@
|
|||
* @provides phui-property-list-view-css
|
||||
*/
|
||||
|
||||
.phui-property-list-view {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.phui-property-list-view .keyboard-shortcuts-available {
|
||||
float: right;
|
||||
height: 16px;
|
||||
|
@ -117,7 +113,6 @@
|
|||
|
||||
.phui-property-list-text-content {
|
||||
padding: 12px 16px;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
@ -127,7 +122,6 @@
|
|||
|
||||
.phui-property-list-raw-content {
|
||||
padding: 0px;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue