revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 08:52:39 +01:00
Code Issues Releases Wiki Activity

Flatten Object List items and lighten up grey buttons

Browse source 
Summary: Moving towards a flatter, crisper layout with some minor tweaks here. The button styles and object item styles now have consistent colors and depth. Will continue to repeat this pattern and build out a standard 'grey' palette.

Test Plan: Test homepage and maniphest home.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, aran

Differential Revision: https://secure.phabricator.com/D6828
This commit is contained in:
Chad Little 2013-08-28 07:36:22 -07:00
parent 205e66189f
commit 2ce3c5235b
3 changed files with 57 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

90
src/__celerity_resource_map__.php
View file

@ -3311,7 +3311,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-object-item-list-view-css' => 'phabricator-object-item-list-view-css' =>
array( array(
'uri' => '/res/a3e45d8a/rsrc/css/layout/phabricator-object-item-list-view.css', 'uri' => '/res/76be1f11/rsrc/css/layout/phabricator-object-item-list-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3766,7 +3766,7 @@ celerity_register_resource_map(array(
), ),
'phui-button-css' => 'phui-button-css' =>
array( array(
'uri' => '/res/aeb3d0f2/rsrc/css/phui/phui-button.css', 'uri' => '/res/7f74b03f/rsrc/css/phui/phui-button.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -4172,7 +4172,7 @@ celerity_register_resource_map(array(
), array( ), array(
'packages' => 'packages' =>
array( array(
'025a2ddd' => '0b011853' =>
array( array(
'name' => 'core.pkg.css', 'name' => 'core.pkg.css',
'symbols' => 'symbols' =>
@ -4219,7 +4219,7 @@ celerity_register_resource_map(array(
39 => 'phabricator-property-list-view-css', 39 => 'phabricator-property-list-view-css',
40 => 'phabricator-tag-view-css', 40 => 'phabricator-tag-view-css',
), ),
'uri' => '/res/pkg/025a2ddd/core.pkg.css', 'uri' => '/res/pkg/0b011853/core.pkg.css',
'type' => 'css', 'type' => 'css',
), ),
'4f81c788' => '4f81c788' =>
@ -4410,15 +4410,15 @@ celerity_register_resource_map(array(
), ),
'reverse' => 'reverse' =>
array( array(
'aphront-dialog-view-css' => '025a2ddd', 'aphront-dialog-view-css' => '0b011853',
'aphront-error-view-css' => '025a2ddd', 'aphront-error-view-css' => '0b011853',
'aphront-list-filter-view-css' => '025a2ddd', 'aphront-list-filter-view-css' => '0b011853',
'aphront-pager-view-css' => '025a2ddd', 'aphront-pager-view-css' => '0b011853',
'aphront-panel-view-css' => '025a2ddd', 'aphront-panel-view-css' => '0b011853',
'aphront-table-view-css' => '025a2ddd', 'aphront-table-view-css' => '0b011853',
'aphront-tokenizer-control-css' => '025a2ddd', 'aphront-tokenizer-control-css' => '0b011853',
'aphront-tooltip-css' => '025a2ddd', 'aphront-tooltip-css' => '0b011853',
'aphront-typeahead-control-css' => '025a2ddd', 'aphront-typeahead-control-css' => '0b011853',
'differential-changeset-view-css' => '09216861', 'differential-changeset-view-css' => '09216861',
'differential-core-view-css' => '09216861', 'differential-core-view-css' => '09216861',
'differential-inline-comment-editor' => 'd07a3bc2', 'differential-inline-comment-editor' => 'd07a3bc2',
@ -4432,7 +4432,7 @@ celerity_register_resource_map(array(
'differential-table-of-contents-css' => '09216861', 'differential-table-of-contents-css' => '09216861',
'diffusion-commit-view-css' => 'c8ce2d88', 'diffusion-commit-view-css' => 'c8ce2d88',
'diffusion-icons-css' => 'c8ce2d88', 'diffusion-icons-css' => 'c8ce2d88',
'global-drag-and-drop-css' => '025a2ddd', 'global-drag-and-drop-css' => '0b011853',
'inline-comment-summary-css' => '09216861', 'inline-comment-summary-css' => '09216861',
'javelin-aphlict' => '4f81c788', 'javelin-aphlict' => '4f81c788',
'javelin-behavior' => '2dbbb7d1', 'javelin-behavior' => '2dbbb7d1',
@ -4505,55 +4505,55 @@ celerity_register_resource_map(array(
'javelin-util' => '2dbbb7d1', 'javelin-util' => '2dbbb7d1',
'javelin-vector' => '2dbbb7d1', 'javelin-vector' => '2dbbb7d1',
'javelin-workflow' => '2dbbb7d1', 'javelin-workflow' => '2dbbb7d1',
'lightbox-attachment-css' => '025a2ddd', 'lightbox-attachment-css' => '0b011853',
'maniphest-task-summary-css' => '06bacb9a', 'maniphest-task-summary-css' => '06bacb9a',
'maniphest-transaction-detail-css' => '06bacb9a', 'maniphest-transaction-detail-css' => '06bacb9a',
'phabricator-action-list-view-css' => '025a2ddd', 'phabricator-action-list-view-css' => '0b011853',
'phabricator-application-launch-view-css' => '025a2ddd', 'phabricator-application-launch-view-css' => '0b011853',
'phabricator-busy' => '4f81c788', 'phabricator-busy' => '4f81c788',
'phabricator-content-source-view-css' => '09216861', 'phabricator-content-source-view-css' => '09216861',
'phabricator-core-css' => '025a2ddd', 'phabricator-core-css' => '0b011853',
'phabricator-crumbs-view-css' => '025a2ddd', 'phabricator-crumbs-view-css' => '0b011853',
'phabricator-drag-and-drop-file-upload' => 'd07a3bc2', 'phabricator-drag-and-drop-file-upload' => 'd07a3bc2',
'phabricator-dropdown-menu' => '4f81c788', 'phabricator-dropdown-menu' => '4f81c788',
'phabricator-file-upload' => '4f81c788', 'phabricator-file-upload' => '4f81c788',
'phabricator-filetree-view-css' => '025a2ddd', 'phabricator-filetree-view-css' => '0b011853',
'phabricator-flag-css' => '025a2ddd', 'phabricator-flag-css' => '0b011853',
'phabricator-header-view-css' => '025a2ddd', 'phabricator-header-view-css' => '0b011853',
'phabricator-hovercard' => '4f81c788', 'phabricator-hovercard' => '4f81c788',
'phabricator-jump-nav' => '025a2ddd', 'phabricator-jump-nav' => '0b011853',
'phabricator-keyboard-shortcut' => '4f81c788', 'phabricator-keyboard-shortcut' => '4f81c788',
'phabricator-keyboard-shortcut-manager' => '4f81c788', 'phabricator-keyboard-shortcut-manager' => '4f81c788',
'phabricator-main-menu-view' => '025a2ddd', 'phabricator-main-menu-view' => '0b011853',
'phabricator-menu-item' => '4f81c788', 'phabricator-menu-item' => '4f81c788',
'phabricator-nav-view-css' => '025a2ddd', 'phabricator-nav-view-css' => '0b011853',
'phabricator-notification' => '4f81c788', 'phabricator-notification' => '4f81c788',
'phabricator-notification-css' => '025a2ddd', 'phabricator-notification-css' => '0b011853',
'phabricator-notification-menu-css' => '025a2ddd', 'phabricator-notification-menu-css' => '0b011853',
'phabricator-object-item-list-view-css' => '025a2ddd', 'phabricator-object-item-list-view-css' => '0b011853',
'phabricator-object-selector-css' => '09216861', 'phabricator-object-selector-css' => '09216861',
'phabricator-phtize' => '4f81c788', 'phabricator-phtize' => '4f81c788',
'phabricator-prefab' => '4f81c788', 'phabricator-prefab' => '4f81c788',
'phabricator-project-tag-css' => '06bacb9a', 'phabricator-project-tag-css' => '06bacb9a',
'phabricator-property-list-view-css' => '025a2ddd', 'phabricator-property-list-view-css' => '0b011853',
'phabricator-remarkup-css' => '025a2ddd', 'phabricator-remarkup-css' => '0b011853',
'phabricator-shaped-request' => 'd07a3bc2', 'phabricator-shaped-request' => 'd07a3bc2',
'phabricator-side-menu-view-css' => '025a2ddd', 'phabricator-side-menu-view-css' => '0b011853',
'phabricator-standard-page-view' => '025a2ddd', 'phabricator-standard-page-view' => '0b011853',
'phabricator-tag-view-css' => '025a2ddd', 'phabricator-tag-view-css' => '0b011853',
'phabricator-textareautils' => '4f81c788', 'phabricator-textareautils' => '4f81c788',
'phabricator-tooltip' => '4f81c788', 'phabricator-tooltip' => '4f81c788',
'phabricator-transaction-view-css' => '025a2ddd', 'phabricator-transaction-view-css' => '0b011853',
'phabricator-zindex-css' => '025a2ddd', 'phabricator-zindex-css' => '0b011853',
'phui-button-css' => '025a2ddd', 'phui-button-css' => '0b011853',
'phui-form-css' => '025a2ddd', 'phui-form-css' => '0b011853',
'phui-form-view-css' => '025a2ddd', 'phui-form-view-css' => '0b011853',
'phui-icon-view-css' => '025a2ddd', 'phui-icon-view-css' => '0b011853',
'phui-spacing-css' => '025a2ddd', 'phui-spacing-css' => '0b011853',
'sprite-apps-large-css' => '025a2ddd', 'sprite-apps-large-css' => '0b011853',
'sprite-gradient-css' => '025a2ddd', 'sprite-gradient-css' => '0b011853',
'sprite-icons-css' => '025a2ddd', 'sprite-icons-css' => '0b011853',
'sprite-menu-css' => '025a2ddd', 'sprite-menu-css' => '0b011853',
'syntax-highlighting-css' => '025a2ddd', 'syntax-highlighting-css' => '0b011853',
), ),
)); ));

10
webroot/rsrc/css/layout/phabricator-object-item-list-view.css
View file

@ -25,12 +25,10 @@
.phabricator-object-item { .phabricator-object-item {
background: #ffffff; background: #ffffff;
border-style: solid; border-style: solid;
border-color: #c0c5d1; border-color: #BBC0CC;
border-width: 0 0 0 4px; border-width: 0 0 0 4px;
margin: 5px 0; margin: 5px 0;
overflow: hidden; overflow: hidden;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.10);
} }
.phabricator-object-item .phui-icon-view { .phabricator-object-item .phui-icon-view {
@ -39,7 +37,8 @@
.phabricator-object-item-frame { .phabricator-object-item-frame {
border-style: solid; border-style: solid;
border-color: #c0c5d1; border-color: #BBC0CC;
border-bottom-color: #A2A6B0;
border-width: 1px 1px 1px 0; border-width: 1px 1px 1px 0;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -111,8 +110,7 @@
bottom: 0; bottom: 0;
vertical-align: middle; vertical-align: middle;
text-align: right; text-align: right;
border-left: 1px solid #c0c5d1; border-left: 1px solid #BBC0CC;
box-shadow: inset 1px 0 1px 0px rgba(0, 0, 0, 0.07);
} }
.phabricator-object-item-actions .phui-list-item-view { .phabricator-object-item-actions .phui-list-item-view {

11
webroot/rsrc/css/phui/phui-button.css
View file

@ -3,6 +3,11 @@
*/ */
button,
a.button {
font: 13px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
button, button,
a.button, a.button,
a.button:visited, a.button:visited,
@ -59,9 +64,9 @@ a.grey:visited {
background-color: #f7f7f7; background-color: #f7f7f7;
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
border-color: #aaa; border-color: #BBC0CC;
color: #333; color: #4B4D51;
border-bottom-color: #999; border-bottom-color: #A2A6B0;
text-shadow: none; text-shadow: none;
} }