From fb58932eb8db20281ddd49af3e80ecfe7d7d77b0 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Tue, 31 Mar 2015 11:27:24 -0700 Subject: [PATCH] Less janky searching on mobile devices Summary: Removes odd borders and padding, just a white search interface now. Test Plan: review at smaller breakpoints in sandbox, submit some items for search. {F355209} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D12221 --- resources/celerity/map.php | 6 +++--- webroot/rsrc/css/aphront/list-filter-view.css | 12 +++++++++++- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index 4c0d4ff387..deba170794 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => '6088c5b0', + 'core.pkg.css' => 'ad650d52', 'core.pkg.js' => '0c88e7f6', 'darkconsole.pkg.js' => '8ab24e01', 'differential.pkg.css' => '3500921f', @@ -20,7 +20,7 @@ return array( 'rsrc/css/aphront/dark-console.css' => '6378ef3d', 'rsrc/css/aphront/dialog-view.css' => 'd2e76b88', 'rsrc/css/aphront/lightbox-attachment.css' => '7acac05d', - 'rsrc/css/aphront/list-filter-view.css' => '2ae43867', + 'rsrc/css/aphront/list-filter-view.css' => '18b7e144', 'rsrc/css/aphront/multi-column.css' => 'fd18389d', 'rsrc/css/aphront/notification.css' => '9c279160', 'rsrc/css/aphront/pager-view.css' => '2e3539af', @@ -501,7 +501,7 @@ return array( 'aphront-bars' => '231ac33c', 'aphront-dark-console-css' => '6378ef3d', 'aphront-dialog-view-css' => 'd2e76b88', - 'aphront-list-filter-view-css' => '2ae43867', + 'aphront-list-filter-view-css' => '18b7e144', 'aphront-multi-column-view-css' => 'fd18389d', 'aphront-pager-view-css' => '2e3539af', 'aphront-panel-view-css' => '8427b78d', diff --git a/webroot/rsrc/css/aphront/list-filter-view.css b/webroot/rsrc/css/aphront/list-filter-view.css index b8c4fe3dc9..a156cfb38e 100644 --- a/webroot/rsrc/css/aphront/list-filter-view.css +++ b/webroot/rsrc/css/aphront/list-filter-view.css @@ -14,8 +14,14 @@ padding: 0; } +.device-phone .aphront-list-filter-view { + padding: 0 8px 8px; +} + .device-phone .aphront-list-filter-wrap { - margin: 0 8px; + margin: 0; + border: none; + border-bottom: 1px solid {$lightblueborder}; } .aphront-list-filter-view-content .phui-form-view { @@ -24,6 +30,10 @@ padding: 12px 0 6px; } +.device-phone .aphront-list-filter-view-content .phui-form-view { + padding: 0; +} + /* When a list filter view contains two consecuitive forms, lay them out without much white space in between them so they look more contiugous. At the time of writing, this is used only in the Diffusion repository search