From 2dadf558921e70a00857a971cdbfddd13cc950a6 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Wed, 27 May 2015 09:49:54 -0700 Subject: [PATCH] [Redesign] Minor mobile CSS updates Summary: Ref T8099, Lots of little mobile tweaks browsing around. Test Plan: Look everywhere, for things, and stuff. Then align it better. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13037 --- resources/celerity/map.php | 30 +++++++++---------- webroot/rsrc/css/aphront/tokenizer.css | 1 + webroot/rsrc/css/phui/phui-header-view.css | 4 +++ webroot/rsrc/css/phui/phui-object-box.css | 2 +- .../rsrc/css/phui/phui-property-list-view.css | 10 ++----- webroot/rsrc/css/phui/phui-workboard-view.css | 4 +++ 6 files changed, 28 insertions(+), 23 deletions(-) diff --git a/resources/celerity/map.php b/resources/celerity/map.php index f615a61f1e..9b87da9aed 100644 --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => '247930e0', + 'core.pkg.css' => 'e5517713', 'core.pkg.js' => '9db3e620', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => 'bb338e4b', @@ -27,7 +27,7 @@ return array( 'rsrc/css/aphront/panel-view.css' => '8427b78d', 'rsrc/css/aphront/phabricator-nav-view.css' => '949b43d9', 'rsrc/css/aphront/table-view.css' => 'fb17602c', - 'rsrc/css/aphront/tokenizer.css' => '86a13f7f', + 'rsrc/css/aphront/tokenizer.css' => '04875312', 'rsrc/css/aphront/tooltip.css' => '7672b60f', 'rsrc/css/aphront/two-column.css' => '16ab3ad2', 'rsrc/css/aphront/typeahead-browse.css' => 'd8581d2c', @@ -134,23 +134,23 @@ return array( 'rsrc/css/phui/phui-fontkit.css' => 'b664ac96', 'rsrc/css/phui/phui-form-view.css' => '87263b05', 'rsrc/css/phui/phui-form.css' => 'f535f938', - 'rsrc/css/phui/phui-header-view.css' => '8ced06e4', + 'rsrc/css/phui/phui-header-view.css' => 'd7612da3', 'rsrc/css/phui/phui-icon.css' => '88ba9081', 'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8', 'rsrc/css/phui/phui-info-panel.css' => '27ea50a1', 'rsrc/css/phui/phui-info-view.css' => '33e54618', 'rsrc/css/phui/phui-list.css' => 'e448b6ba', - 'rsrc/css/phui/phui-object-box.css' => 'fc4b0f93', + 'rsrc/css/phui/phui-object-box.css' => '57b5b612', 'rsrc/css/phui/phui-object-item-list-view.css' => 'fef025d8', 'rsrc/css/phui/phui-pinboard-view.css' => '55b27bc3', - 'rsrc/css/phui/phui-property-list-view.css' => 'd2d143ea', + 'rsrc/css/phui/phui-property-list-view.css' => '1baf23eb', 'rsrc/css/phui/phui-remarkup-preview.css' => '19ad512b', 'rsrc/css/phui/phui-spacing.css' => '042804d6', 'rsrc/css/phui/phui-status.css' => '888cedb8', 'rsrc/css/phui/phui-tag-view.css' => '402691cc', 'rsrc/css/phui/phui-text.css' => 'cf019f54', 'rsrc/css/phui/phui-timeline-view.css' => '8eaab66c', - 'rsrc/css/phui/phui-workboard-view.css' => 'd39ec91e', + 'rsrc/css/phui/phui-workboard-view.css' => '720efdde', 'rsrc/css/phui/phui-workpanel-view.css' => '015a0cab', 'rsrc/css/sprite-login.css' => 'a3526809', 'rsrc/css/sprite-main-header.css' => '28d01b0b', @@ -485,7 +485,7 @@ return array( 'aphront-pager-view-css' => '2e3539af', 'aphront-panel-view-css' => '8427b78d', 'aphront-table-view-css' => 'fb17602c', - 'aphront-tokenizer-control-css' => '86a13f7f', + 'aphront-tokenizer-control-css' => '04875312', 'aphront-tooltip-css' => '7672b60f', 'aphront-two-column-view-css' => '16ab3ad2', 'aphront-typeahead-control-css' => '0e403212', @@ -769,24 +769,24 @@ return array( 'phui-fontkit-css' => 'b664ac96', 'phui-form-css' => 'f535f938', 'phui-form-view-css' => '87263b05', - 'phui-header-view-css' => '8ced06e4', + 'phui-header-view-css' => 'd7612da3', 'phui-icon-view-css' => '88ba9081', 'phui-image-mask-css' => '5a8b09c8', 'phui-info-panel-css' => '27ea50a1', 'phui-info-view-css' => '33e54618', 'phui-inline-comment-view-css' => '2174771a', 'phui-list-view-css' => 'e448b6ba', - 'phui-object-box-css' => 'fc4b0f93', + 'phui-object-box-css' => '57b5b612', 'phui-object-item-list-view-css' => 'fef025d8', 'phui-pinboard-view-css' => '55b27bc3', - 'phui-property-list-view-css' => 'd2d143ea', + 'phui-property-list-view-css' => '1baf23eb', 'phui-remarkup-preview-css' => '19ad512b', 'phui-spacing-css' => '042804d6', 'phui-status-list-view-css' => '888cedb8', 'phui-tag-view-css' => '402691cc', 'phui-text-css' => 'cf019f54', 'phui-timeline-view-css' => '8eaab66c', - 'phui-workboard-view-css' => 'd39ec91e', + 'phui-workboard-view-css' => '720efdde', 'phui-workpanel-view-css' => '015a0cab', 'phuix-action-list-view' => 'b5c256b8', 'phuix-action-view' => '8cf6d262', @@ -831,6 +831,10 @@ return array( 'javelin-stratcom', 'phabricator-prefab', ), + '04875312' => array( + 'aphront-typeahead-control-css', + 'phui-tag-view-css', + ), '05270951' => array( 'javelin-util', 'javelin-magical-init', @@ -1440,10 +1444,6 @@ return array( 'phabricator-tooltip', 'changeset-view-manager', ), - '86a13f7f' => array( - 'aphront-typeahead-control-css', - 'phui-tag-view-css', - ), '88236f00' => array( 'javelin-behavior', 'phabricator-keyboard-shortcut', diff --git a/webroot/rsrc/css/aphront/tokenizer.css b/webroot/rsrc/css/aphront/tokenizer.css index d994c54712..b3ca3c6c41 100644 --- a/webroot/rsrc/css/aphront/tokenizer.css +++ b/webroot/rsrc/css/aphront/tokenizer.css @@ -8,6 +8,7 @@ body div.jx-tokenizer { background: transparent; position: relative; width: 100%; + overflow: hidden; } body div.jx-tokenizer-container { diff --git a/webroot/rsrc/css/phui/phui-header-view.css b/webroot/rsrc/css/phui/phui-header-view.css index 7666184223..be6c79caa0 100644 --- a/webroot/rsrc/css/phui/phui-header-view.css +++ b/webroot/rsrc/css/phui/phui-header-view.css @@ -33,6 +33,10 @@ vertical-align: middle; } +.device-phone .phui-header-col3 { + vertical-align: top; +} + body .phui-header-shell.phui-header-no-backgound { background-color: transparent; border: none; diff --git a/webroot/rsrc/css/phui/phui-object-box.css b/webroot/rsrc/css/phui/phui-object-box.css index 23c0b1ad68..bcb5b1b2b0 100644 --- a/webroot/rsrc/css/phui/phui-object-box.css +++ b/webroot/rsrc/css/phui/phui-object-box.css @@ -45,7 +45,7 @@ div.phui-object-box.phui-object-box-flush { } .device-phone .phui-object-box .phui-header-shell { - padding-bottom: 8px; + padding: 4px 0 12px 4px; } .device-tablet .phui-object-box { diff --git a/webroot/rsrc/css/phui/phui-property-list-view.css b/webroot/rsrc/css/phui/phui-property-list-view.css index c9a41b9c4c..2420f836b0 100644 --- a/webroot/rsrc/css/phui/phui-property-list-view.css +++ b/webroot/rsrc/css/phui/phui-property-list-view.css @@ -59,7 +59,7 @@ .device .phui-property-list-key, .phui-property-list-stacked .phui-property-list-properties .phui-property-list-key { - padding-left: 12px; + padding-left: 4px; text-align: left; margin-left: 0; width: auto; @@ -81,7 +81,7 @@ .device .phui-property-list-value, .phui-property-list-stacked .phui-property-list-properties .phui-property-list-value { - padding: 0 16px; + padding: 0 8px; margin-bottom: 8px; width: auto; word-break: break-word; @@ -103,7 +103,7 @@ } .device .phui-property-list-section-header { - padding-left: 8px; + padding-left: 4px; } .phui-property-list-section-header-icon .phui-icon-view { @@ -116,10 +116,6 @@ overflow: hidden; } -.device .phui-property-list-text-content { - padding: 8px; -} - .phui-property-list-raw-content { padding: 0px; overflow: hidden; diff --git a/webroot/rsrc/css/phui/phui-workboard-view.css b/webroot/rsrc/css/phui/phui-workboard-view.css index 6816138778..a4fee16326 100644 --- a/webroot/rsrc/css/phui/phui-workboard-view.css +++ b/webroot/rsrc/css/phui/phui-workboard-view.css @@ -103,6 +103,10 @@ padding: 20px 16px 20px 20px; } +.device .project-board-header .phui-header-shell { + padding: 8px; +} + .project-board-header .phui-header-view { font-size: 18px; }