From cb1f4ea721972a0339ba5f38608b247250fe7ab0 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@phacility.com>
Date: Mon, 27 Jul 2015 07:31:56 -0700
Subject: [PATCH] Better CSS for mobile workboards

Summary: Fixes T8964 and a few other details. Cards float to 100%, headers too, policy moved to it's own line.

Test Plan: Mobile workboards at 320 and 360px wide.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8964

Differential Revision: https://secure.phabricator.com/D13722
---
 resources/celerity/map.php                    | 8 ++++----
 webroot/rsrc/css/phui/phui-workboard-view.css | 6 ++++++
 webroot/rsrc/css/phui/phui-workpanel-view.css | 5 +++++
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 32643ae448..65577ecf91 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -152,8 +152,8 @@ return array(
     'rsrc/css/phui/phui-tag-view.css' => '402691cc',
     'rsrc/css/phui/phui-text.css' => 'cf019f54',
     'rsrc/css/phui/phui-timeline-view.css' => 'f1bccf73',
-    'rsrc/css/phui/phui-workboard-view.css' => '6a20991a',
-    'rsrc/css/phui/phui-workpanel-view.css' => '8cebb2b1',
+    'rsrc/css/phui/phui-workboard-view.css' => '6704d68d',
+    'rsrc/css/phui/phui-workpanel-view.css' => 'adec7699',
     'rsrc/css/sprite-login.css' => '1ebb9bf9',
     'rsrc/css/sprite-main-header.css' => 'f07bbb87',
     'rsrc/css/sprite-menu.css' => '9dd65b92',
@@ -808,8 +808,8 @@ return array(
     'phui-text-css' => 'cf019f54',
     'phui-theme-css' => '6b451f24',
     'phui-timeline-view-css' => 'f1bccf73',
-    'phui-workboard-view-css' => '6a20991a',
-    'phui-workpanel-view-css' => '8cebb2b1',
+    'phui-workboard-view-css' => '6704d68d',
+    'phui-workpanel-view-css' => 'adec7699',
     'phuix-action-list-view' => 'b5c256b8',
     'phuix-action-view' => '8cf6d262',
     'phuix-dropdown-menu' => 'bd4c8dca',
diff --git a/webroot/rsrc/css/phui/phui-workboard-view.css b/webroot/rsrc/css/phui/phui-workboard-view.css
index 7299059496..2befbd7823 100644
--- a/webroot/rsrc/css/phui/phui-workboard-view.css
+++ b/webroot/rsrc/css/phui/phui-workboard-view.css
@@ -129,6 +129,12 @@
   padding: 0 8px;
 }
 
+.device-phone .project-board-header .phui-header-subheader {
+  display: block;
+  margin: 8px 0 2px 0;
+  padding: 0;
+}
+
 .device-desktop .phabricator-icon-nav.project-board-nav
   .phabricator-nav-local {
     margin-top: 64px;
diff --git a/webroot/rsrc/css/phui/phui-workpanel-view.css b/webroot/rsrc/css/phui/phui-workpanel-view.css
index b042bda0e2..9b8943ceeb 100644
--- a/webroot/rsrc/css/phui/phui-workpanel-view.css
+++ b/webroot/rsrc/css/phui/phui-workpanel-view.css
@@ -90,6 +90,11 @@
   width: 300px;
 }
 
+.device-phone .aphront-multi-column-fixed .phui-workpanel-view,
+.device-phone .phui-workpanel-view .phui-header-shell {
+  width: auto;
+}
+
 .phui-workpanel-body .phui-object-item-list-view {
   min-height: 54px;
 }