1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-26 22:48:19 +01:00

Update form input styles.

Summary: Adds a slight blue border, radius, and shadow to inputs and textareas (small). Better padding for legibility as well.

Test Plan: Review a number of forms

Reviewers: epriestley, vrana, btrahan

Reviewed By: btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4383
This commit is contained in:
Chad Little 2013-01-09 14:40:12 -08:00
parent ad4c4acafc
commit be73558156
3 changed files with 64 additions and 48 deletions

View file

@ -618,7 +618,7 @@ celerity_register_resource_map(array(
), ),
'aphront-form-view-css' => 'aphront-form-view-css' =>
array( array(
'uri' => '/res/ad457960/rsrc/css/aphront/form-view.css', 'uri' => '/res/6f1739eb/rsrc/css/aphront/form-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -690,7 +690,7 @@ celerity_register_resource_map(array(
), ),
'aphront-tokenizer-control-css' => 'aphront-tokenizer-control-css' =>
array( array(
'uri' => '/res/f4570596/rsrc/css/aphront/tokenizer.css', 'uri' => '/res/207105f0/rsrc/css/aphront/tokenizer.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3232,7 +3232,7 @@ celerity_register_resource_map(array(
), array( ), array(
'packages' => 'packages' =>
array( array(
'8045892e' => '18967cde' =>
array( array(
'name' => 'core.pkg.css', 'name' => 'core.pkg.css',
'symbols' => 'symbols' =>
@ -3277,7 +3277,7 @@ celerity_register_resource_map(array(
37 => 'phabricator-object-item-list-view-css', 37 => 'phabricator-object-item-list-view-css',
38 => 'global-drag-and-drop-css', 38 => 'global-drag-and-drop-css',
), ),
'uri' => '/res/pkg/8045892e/core.pkg.css', 'uri' => '/res/pkg/18967cde/core.pkg.css',
'type' => 'css', 'type' => 'css',
), ),
'2921e259' => '2921e259' =>
@ -3466,19 +3466,19 @@ celerity_register_resource_map(array(
'reverse' => 'reverse' =>
array( array(
'aphront-attached-file-view-css' => 'ac211174', 'aphront-attached-file-view-css' => 'ac211174',
'aphront-crumbs-view-css' => '8045892e', 'aphront-crumbs-view-css' => '18967cde',
'aphront-dialog-view-css' => '8045892e', 'aphront-dialog-view-css' => '18967cde',
'aphront-error-view-css' => '8045892e', 'aphront-error-view-css' => '18967cde',
'aphront-form-view-css' => '8045892e', 'aphront-form-view-css' => '18967cde',
'aphront-headsup-action-list-view-css' => '20933a11', 'aphront-headsup-action-list-view-css' => '20933a11',
'aphront-headsup-view-css' => '8045892e', 'aphront-headsup-view-css' => '18967cde',
'aphront-list-filter-view-css' => '8045892e', 'aphront-list-filter-view-css' => '18967cde',
'aphront-pager-view-css' => '8045892e', 'aphront-pager-view-css' => '18967cde',
'aphront-panel-view-css' => '8045892e', 'aphront-panel-view-css' => '18967cde',
'aphront-table-view-css' => '8045892e', 'aphront-table-view-css' => '18967cde',
'aphront-tokenizer-control-css' => '8045892e', 'aphront-tokenizer-control-css' => '18967cde',
'aphront-tooltip-css' => '8045892e', 'aphront-tooltip-css' => '18967cde',
'aphront-typeahead-control-css' => '8045892e', 'aphront-typeahead-control-css' => '18967cde',
'differential-changeset-view-css' => '20933a11', 'differential-changeset-view-css' => '20933a11',
'differential-core-view-css' => '20933a11', 'differential-core-view-css' => '20933a11',
'differential-inline-comment-editor' => '76556a8f', 'differential-inline-comment-editor' => '76556a8f',
@ -3492,7 +3492,7 @@ celerity_register_resource_map(array(
'differential-table-of-contents-css' => '20933a11', 'differential-table-of-contents-css' => '20933a11',
'diffusion-commit-view-css' => 'c8ce2d88', 'diffusion-commit-view-css' => 'c8ce2d88',
'diffusion-icons-css' => 'c8ce2d88', 'diffusion-icons-css' => 'c8ce2d88',
'global-drag-and-drop-css' => '8045892e', 'global-drag-and-drop-css' => '18967cde',
'inline-comment-summary-css' => '20933a11', 'inline-comment-summary-css' => '20933a11',
'javelin-aphlict' => '2921e259', 'javelin-aphlict' => '2921e259',
'javelin-behavior' => 'fbeded59', 'javelin-behavior' => 'fbeded59',
@ -3561,49 +3561,49 @@ celerity_register_resource_map(array(
'javelin-util' => 'fbeded59', 'javelin-util' => 'fbeded59',
'javelin-vector' => 'fbeded59', 'javelin-vector' => 'fbeded59',
'javelin-workflow' => 'fbeded59', 'javelin-workflow' => 'fbeded59',
'lightbox-attachment-css' => '8045892e', 'lightbox-attachment-css' => '18967cde',
'maniphest-task-summary-css' => 'ac211174', 'maniphest-task-summary-css' => 'ac211174',
'maniphest-transaction-detail-css' => 'ac211174', 'maniphest-transaction-detail-css' => 'ac211174',
'phabricator-app-buttons-css' => '8045892e', 'phabricator-app-buttons-css' => '18967cde',
'phabricator-busy' => '2921e259', 'phabricator-busy' => '2921e259',
'phabricator-content-source-view-css' => '20933a11', 'phabricator-content-source-view-css' => '20933a11',
'phabricator-core-buttons-css' => '8045892e', 'phabricator-core-buttons-css' => '18967cde',
'phabricator-core-css' => '8045892e', 'phabricator-core-css' => '18967cde',
'phabricator-crumbs-view-css' => '8045892e', 'phabricator-crumbs-view-css' => '18967cde',
'phabricator-directory-css' => '8045892e', 'phabricator-directory-css' => '18967cde',
'phabricator-drag-and-drop-file-upload' => '76556a8f', 'phabricator-drag-and-drop-file-upload' => '76556a8f',
'phabricator-dropdown-menu' => '2921e259', 'phabricator-dropdown-menu' => '2921e259',
'phabricator-file-upload' => '2921e259', 'phabricator-file-upload' => '2921e259',
'phabricator-filetree-view-css' => '8045892e', 'phabricator-filetree-view-css' => '18967cde',
'phabricator-flag-css' => '8045892e', 'phabricator-flag-css' => '18967cde',
'phabricator-form-view-css' => '8045892e', 'phabricator-form-view-css' => '18967cde',
'phabricator-header-view-css' => '8045892e', 'phabricator-header-view-css' => '18967cde',
'phabricator-jump-nav' => '8045892e', 'phabricator-jump-nav' => '18967cde',
'phabricator-keyboard-shortcut' => '2921e259', 'phabricator-keyboard-shortcut' => '2921e259',
'phabricator-keyboard-shortcut-manager' => '2921e259', 'phabricator-keyboard-shortcut-manager' => '2921e259',
'phabricator-main-menu-view' => '8045892e', 'phabricator-main-menu-view' => '18967cde',
'phabricator-menu-item' => '2921e259', 'phabricator-menu-item' => '2921e259',
'phabricator-nav-view-css' => '8045892e', 'phabricator-nav-view-css' => '18967cde',
'phabricator-notification' => '2921e259', 'phabricator-notification' => '2921e259',
'phabricator-notification-css' => '8045892e', 'phabricator-notification-css' => '18967cde',
'phabricator-notification-menu-css' => '8045892e', 'phabricator-notification-menu-css' => '18967cde',
'phabricator-object-item-list-view-css' => '8045892e', 'phabricator-object-item-list-view-css' => '18967cde',
'phabricator-object-selector-css' => '20933a11', 'phabricator-object-selector-css' => '20933a11',
'phabricator-paste-file-upload' => '2921e259', 'phabricator-paste-file-upload' => '2921e259',
'phabricator-prefab' => '2921e259', 'phabricator-prefab' => '2921e259',
'phabricator-project-tag-css' => 'ac211174', 'phabricator-project-tag-css' => 'ac211174',
'phabricator-remarkup-css' => '8045892e', 'phabricator-remarkup-css' => '18967cde',
'phabricator-shaped-request' => '76556a8f', 'phabricator-shaped-request' => '76556a8f',
'phabricator-side-menu-view-css' => '8045892e', 'phabricator-side-menu-view-css' => '18967cde',
'phabricator-standard-page-view' => '8045892e', 'phabricator-standard-page-view' => '18967cde',
'phabricator-textareautils' => '2921e259', 'phabricator-textareautils' => '2921e259',
'phabricator-tooltip' => '2921e259', 'phabricator-tooltip' => '2921e259',
'phabricator-transaction-view-css' => '8045892e', 'phabricator-transaction-view-css' => '18967cde',
'phabricator-zindex-css' => '8045892e', 'phabricator-zindex-css' => '18967cde',
'sprite-apps-large-css' => '8045892e', 'sprite-apps-large-css' => '18967cde',
'sprite-gradient-css' => '8045892e', 'sprite-gradient-css' => '18967cde',
'sprite-icon-css' => '8045892e', 'sprite-icon-css' => '18967cde',
'sprite-menu-css' => '8045892e', 'sprite-menu-css' => '18967cde',
'syntax-highlighting-css' => '8045892e', 'syntax-highlighting-css' => '18967cde',
), ),
)); ));

View file

@ -31,6 +31,19 @@
width: 55%; width: 55%;
} }
.aphront-form-control-text .aphront-form-input input,
.aphront-form-control-password .aphront-form-input input {
font-size: 13px;
height: 26px;
padding: 4px 6px;
line-height: 20px;
color: #333;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #96A6C5;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.aphront-form-error { .aphront-form-error {
width: 23%; width: 23%;
@ -70,6 +83,9 @@
.aphront-form-control-textarea textarea.aphront-textarea-very-short { .aphront-form-control-textarea textarea.aphront-textarea-very-short {
height: 3em; height: 3em;
border: 1px solid #96A6C5;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
.aphront-form-control-textarea textarea.aphront-textarea-very-tall { .aphront-form-control-textarea textarea.aphront-textarea-very-tall {
@ -82,8 +98,9 @@
.aphront-form-view .aphront-form-caption { .aphront-form-view .aphront-form-caption {
font-size: 11px; font-size: 12px;
color: #444444; color: #888;
padding: 2px;
text-align: right; text-align: right;
margin-right: 25%; margin-right: 25%;
margin-left: 20%; margin-left: 20%;

View file

@ -16,6 +16,8 @@ div.jx-tokenizer-container {
position: relative; position: relative;
width: 100%; width: 100%;
padding: 0 2px; padding: 0 2px;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
} }
var.jx-tokenizer-metrics { var.jx-tokenizer-metrics {
@ -44,10 +46,7 @@ a.jx-tokenizer-token {
float: left; float: left;
cursor: text; cursor: text;
font-size: 12px; font-size: 12px;
border-radius: 3px; border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
} }
a.jx-tokenizer-token:hover { a.jx-tokenizer-token:hover {