From 280751f539996fe1c45ff264e9a63b4c5216da97 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Thu, 28 Nov 2013 07:33:27 -0800 Subject: [PATCH] Pager buttons Summary: This makes the pager a little more button like. Test Plan: tested UIexamples and a search query Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7670 --- src/__celerity_resource_map__.php | 92 ++++++++++++------------- webroot/rsrc/css/aphront/pager-view.css | 21 +++++- 2 files changed, 65 insertions(+), 48 deletions(-) diff --git a/src/__celerity_resource_map__.php b/src/__celerity_resource_map__.php index 019d4504d4..ba4a652635 100644 --- a/src/__celerity_resource_map__.php +++ b/src/__celerity_resource_map__.php @@ -902,7 +902,7 @@ celerity_register_resource_map(array( ), 'aphront-pager-view-css' => array( - 'uri' => '/res/ea81aec0/rsrc/css/aphront/pager-view.css', + 'uri' => '/res/67e2fb75/rsrc/css/aphront/pager-view.css', 'type' => 'css', 'requires' => array( @@ -4343,7 +4343,7 @@ celerity_register_resource_map(array( ), array( 'packages' => array( - '80d89233' => + 'ca6d2b1e' => array( 'name' => 'core.pkg.css', 'symbols' => @@ -4392,7 +4392,7 @@ celerity_register_resource_map(array( 41 => 'phabricator-tag-view-css', 42 => 'phui-list-view-css', ), - 'uri' => '/res/pkg/80d89233/core.pkg.css', + 'uri' => '/res/pkg/ca6d2b1e/core.pkg.css', 'type' => 'css', ), '2c1dba03' => @@ -4584,15 +4584,15 @@ celerity_register_resource_map(array( ), 'reverse' => array( - 'aphront-dialog-view-css' => '80d89233', - 'aphront-error-view-css' => '80d89233', - 'aphront-list-filter-view-css' => '80d89233', - 'aphront-pager-view-css' => '80d89233', - 'aphront-panel-view-css' => '80d89233', - 'aphront-table-view-css' => '80d89233', - 'aphront-tokenizer-control-css' => '80d89233', - 'aphront-tooltip-css' => '80d89233', - 'aphront-typeahead-control-css' => '80d89233', + 'aphront-dialog-view-css' => 'ca6d2b1e', + 'aphront-error-view-css' => 'ca6d2b1e', + 'aphront-list-filter-view-css' => 'ca6d2b1e', + 'aphront-pager-view-css' => 'ca6d2b1e', + 'aphront-panel-view-css' => 'ca6d2b1e', + 'aphront-table-view-css' => 'ca6d2b1e', + 'aphront-tokenizer-control-css' => 'ca6d2b1e', + 'aphront-tooltip-css' => 'ca6d2b1e', + 'aphront-typeahead-control-css' => 'ca6d2b1e', 'differential-changeset-view-css' => '1084b12b', 'differential-core-view-css' => '1084b12b', 'differential-inline-comment-editor' => '5e9e5c4e', @@ -4606,7 +4606,7 @@ celerity_register_resource_map(array( 'differential-table-of-contents-css' => '1084b12b', 'diffusion-commit-view-css' => '7aa115b4', 'diffusion-icons-css' => '7aa115b4', - 'global-drag-and-drop-css' => '80d89233', + 'global-drag-and-drop-css' => 'ca6d2b1e', 'inline-comment-summary-css' => '1084b12b', 'javelin-aphlict' => '2c1dba03', 'javelin-behavior' => '3e3be199', @@ -4681,56 +4681,56 @@ celerity_register_resource_map(array( 'javelin-util' => '3e3be199', 'javelin-vector' => '3e3be199', 'javelin-workflow' => '3e3be199', - 'lightbox-attachment-css' => '80d89233', + 'lightbox-attachment-css' => 'ca6d2b1e', 'maniphest-task-summary-css' => '49898640', - 'phabricator-action-list-view-css' => '80d89233', - 'phabricator-application-launch-view-css' => '80d89233', + 'phabricator-action-list-view-css' => 'ca6d2b1e', + 'phabricator-application-launch-view-css' => 'ca6d2b1e', 'phabricator-busy' => '2c1dba03', 'phabricator-content-source-view-css' => '1084b12b', - 'phabricator-core-css' => '80d89233', - 'phabricator-crumbs-view-css' => '80d89233', + 'phabricator-core-css' => 'ca6d2b1e', + 'phabricator-crumbs-view-css' => 'ca6d2b1e', 'phabricator-drag-and-drop-file-upload' => '5e9e5c4e', 'phabricator-dropdown-menu' => '2c1dba03', 'phabricator-file-upload' => '2c1dba03', - 'phabricator-filetree-view-css' => '80d89233', - 'phabricator-flag-css' => '80d89233', + 'phabricator-filetree-view-css' => 'ca6d2b1e', + 'phabricator-flag-css' => 'ca6d2b1e', 'phabricator-hovercard' => '2c1dba03', - 'phabricator-jump-nav' => '80d89233', + 'phabricator-jump-nav' => 'ca6d2b1e', 'phabricator-keyboard-shortcut' => '2c1dba03', 'phabricator-keyboard-shortcut-manager' => '2c1dba03', - 'phabricator-main-menu-view' => '80d89233', + 'phabricator-main-menu-view' => 'ca6d2b1e', 'phabricator-menu-item' => '2c1dba03', - 'phabricator-nav-view-css' => '80d89233', + 'phabricator-nav-view-css' => 'ca6d2b1e', 'phabricator-notification' => '2c1dba03', - 'phabricator-notification-css' => '80d89233', - 'phabricator-notification-menu-css' => '80d89233', + 'phabricator-notification-css' => 'ca6d2b1e', + 'phabricator-notification-menu-css' => 'ca6d2b1e', 'phabricator-object-selector-css' => '1084b12b', 'phabricator-phtize' => '2c1dba03', 'phabricator-prefab' => '2c1dba03', 'phabricator-project-tag-css' => '49898640', - 'phabricator-remarkup-css' => '80d89233', + 'phabricator-remarkup-css' => 'ca6d2b1e', 'phabricator-shaped-request' => '5e9e5c4e', - 'phabricator-side-menu-view-css' => '80d89233', - 'phabricator-standard-page-view' => '80d89233', - 'phabricator-tag-view-css' => '80d89233', + 'phabricator-side-menu-view-css' => 'ca6d2b1e', + 'phabricator-standard-page-view' => 'ca6d2b1e', + 'phabricator-tag-view-css' => 'ca6d2b1e', 'phabricator-textareautils' => '2c1dba03', 'phabricator-tooltip' => '2c1dba03', - 'phabricator-transaction-view-css' => '80d89233', - 'phabricator-zindex-css' => '80d89233', - 'phui-button-css' => '80d89233', - 'phui-form-css' => '80d89233', - 'phui-form-view-css' => '80d89233', - 'phui-header-view-css' => '80d89233', - 'phui-icon-view-css' => '80d89233', - 'phui-list-view-css' => '80d89233', - 'phui-object-item-list-view-css' => '80d89233', - 'phui-property-list-view-css' => '80d89233', - 'phui-spacing-css' => '80d89233', - 'sprite-apps-large-css' => '80d89233', - 'sprite-gradient-css' => '80d89233', - 'sprite-icons-css' => '80d89233', - 'sprite-menu-css' => '80d89233', - 'sprite-status-css' => '80d89233', - 'syntax-highlighting-css' => '80d89233', + 'phabricator-transaction-view-css' => 'ca6d2b1e', + 'phabricator-zindex-css' => 'ca6d2b1e', + 'phui-button-css' => 'ca6d2b1e', + 'phui-form-css' => 'ca6d2b1e', + 'phui-form-view-css' => 'ca6d2b1e', + 'phui-header-view-css' => 'ca6d2b1e', + 'phui-icon-view-css' => 'ca6d2b1e', + 'phui-list-view-css' => 'ca6d2b1e', + 'phui-object-item-list-view-css' => 'ca6d2b1e', + 'phui-property-list-view-css' => 'ca6d2b1e', + 'phui-spacing-css' => 'ca6d2b1e', + 'sprite-apps-large-css' => 'ca6d2b1e', + 'sprite-gradient-css' => 'ca6d2b1e', + 'sprite-icons-css' => 'ca6d2b1e', + 'sprite-menu-css' => 'ca6d2b1e', + 'sprite-status-css' => 'ca6d2b1e', + 'syntax-highlighting-css' => 'ca6d2b1e', ), )); diff --git a/webroot/rsrc/css/aphront/pager-view.css b/webroot/rsrc/css/aphront/pager-view.css index 40f06fe72b..e63fbf7f8e 100644 --- a/webroot/rsrc/css/aphront/pager-view.css +++ b/webroot/rsrc/css/aphront/pager-view.css @@ -14,9 +14,26 @@ } .aphront-pager-view a { - padding: 2px 3px; + padding: 3px 7px; + border: 1px solid {$lightblueborder}; + border-bottom: 1px solid {$blueborder}; + margin: 0 2px; + background: #fff; + color: {$lightbluetext}; + display: inline-block; + border-radius: 2px; +} + +.aphront-pager-view a:hover { + text-decoration: none; + border: 1px solid {$greyborder}; + border-bottom: 1px solid {$darkgreyborder}; + color: {$darkgreytext}; } .aphront-pager-view a.current { - border-bottom: 2px solid; + background: {$greybackground}; + border: 1px solid {$greyborder}; + border-bottom: 1px solid {$darkgreyborder}; + color: {$darkgreytext}; }