From b3f36a94a1e2d2cff41bd971f4716c1941cb4ea2 Mon Sep 17 00:00:00 2001 From: Chad Little Date: Mon, 4 Nov 2013 15:50:43 -0800 Subject: [PATCH] Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496 --- src/__celerity_resource_map__.php | 4 +-- webroot/rsrc/css/aphront/multi-column.css | 1 + webroot/rsrc/css/phui/phui-workpanel-view.css | 34 +++++++++++++++++++ 3 files changed, 37 insertions(+), 2 deletions(-) diff --git a/src/__celerity_resource_map__.php b/src/__celerity_resource_map__.php index 2f1e17c5eb..c77e59d5eb 100644 --- a/src/__celerity_resource_map__.php +++ b/src/__celerity_resource_map__.php @@ -884,7 +884,7 @@ celerity_register_resource_map(array( ), 'aphront-multi-column-view-css' => array( - 'uri' => '/res/f7f25fb7/rsrc/css/aphront/multi-column.css', + 'uri' => '/res/23590410/rsrc/css/aphront/multi-column.css', 'type' => 'css', 'requires' => array( @@ -3994,7 +3994,7 @@ celerity_register_resource_map(array( ), 'phui-workpanel-view-css' => array( - 'uri' => '/res/a81825b2/rsrc/css/phui/phui-workpanel-view.css', + 'uri' => '/res/a64ca5c1/rsrc/css/phui/phui-workpanel-view.css', 'type' => 'css', 'requires' => array( diff --git a/webroot/rsrc/css/aphront/multi-column.css b/webroot/rsrc/css/aphront/multi-column.css index b02e1f7987..bcba45ed6d 100644 --- a/webroot/rsrc/css/aphront/multi-column.css +++ b/webroot/rsrc/css/aphront/multi-column.css @@ -135,6 +135,7 @@ .aphront-multi-column-column-outer { display: table-cell; height: 100%; + vertical-align: top; } .phui-box-shadow .aphront-multi-column-column-outer { diff --git a/webroot/rsrc/css/phui/phui-workpanel-view.css b/webroot/rsrc/css/phui/phui-workpanel-view.css index c414445219..8ce8e426dd 100644 --- a/webroot/rsrc/css/phui/phui-workpanel-view.css +++ b/webroot/rsrc/css/phui/phui-workpanel-view.css @@ -8,6 +8,15 @@ border-top-right-radius: 5px; } +.device-phone .phui-workboard-view { + width: auto; + margin: 0 8px; +} + +.phui-workpanel-view .phui-object-item-objname { + display: none; +} + .phui-workpanel-view .phui-workpanel-header-action { float: right; width: 24px; @@ -42,3 +51,28 @@ padding-left: 5px; display: inline-block; } + +.aphront-multi-column-fixed .aphront-multi-column-1-up + .aphront-multi-column-column-outer .phui-workpanel-body, +.aphront-multi-column-fixed .aphront-multi-column-2-up + .aphront-multi-column-column-outer .phui-workpanel-body, +.aphront-multi-column-fixed .aphront-multi-column-3-up + .aphront-multi-column-column-outer .phui-workpanel-body { + width: 300px; +} + +.aphront-multi-column-fixed .aphront-multi-column-4-up + .aphront-multi-column-column-outer .phui-workpanel-body, +.aphront-multi-column-fixed .aphront-multi-column-5-up + .aphront-multi-column-column-outer .phui-workpanel-body, +.aphront-multi-column-fixed .aphront-multi-column-6-up + .aphront-multi-column-column-outer .phui-workpanel-body, +.aphront-multi-column-fixed .aphront-multi-column-7-up + .aphront-multi-column-column-outer .phui-workpanel-body { + width: 240px; +} + +.device-phone .aphront-multi-column-outer + div.aphront-multi-column-column-outer .phui-workpanel-body { + width: auto; +}