From 0bf18d5f2789cb1f5065179a18ad0c56841024f7 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Wed, 21 May 2014 12:08:14 -0700
Subject: [PATCH] Mobile-ize Dashboards

Summary: Adds mobile support to dashboards.

Test Plan: test various dashboard layouts, mobile and table breakpoints. Desktop too.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D9242
---
 resources/celerity/map.php                     |  4 ++--
 .../css/application/dashboard/dashboard.css    | 18 +++++++++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 5309b4fb12..a40d8dec9d 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -52,7 +52,7 @@ return array(
     'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c',
     'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
     'rsrc/css/application/countdown/timer.css' => '86b7b0a0',
-    'rsrc/css/application/dashboard/dashboard.css' => '105b072a',
+    'rsrc/css/application/dashboard/dashboard.css' => 'c1d7f80b',
     'rsrc/css/application/diff/inline-comment-summary.css' => '8cfd34e8',
     'rsrc/css/application/differential/add-comment.css' => 'c478bcaa',
     'rsrc/css/application/differential/changeset-view.css' => 'c45747f0',
@@ -697,7 +697,7 @@ return array(
     'phabricator-core-css' => '40151074',
     'phabricator-countdown-css' => '86b7b0a0',
     'phabricator-crumbs-view-css' => '6a23399c',
-    'phabricator-dashboard-css' => '105b072a',
+    'phabricator-dashboard-css' => 'c1d7f80b',
     'phabricator-drag-and-drop-file-upload' => 'ae6abfba',
     'phabricator-draggable-list' => '1681c4d4',
     'phabricator-fatal-config-template-css' => '25d446d6',
diff --git a/webroot/rsrc/css/application/dashboard/dashboard.css b/webroot/rsrc/css/application/dashboard/dashboard.css
index a3bf7ba5d7..3ee020ccc4 100644
--- a/webroot/rsrc/css/application/dashboard/dashboard.css
+++ b/webroot/rsrc/css/application/dashboard/dashboard.css
@@ -2,21 +2,33 @@
  * @provides phabricator-dashboard-css
  */
 
-.aphront-multi-column-fluid .aphront-multi-column-2-up
+.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
 .aphront-multi-column-column-outer.half {
   width: 50%;
 }
 
-.aphront-multi-column-fluid .aphront-multi-column-2-up
+.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
 .aphront-multi-column-column-outer.third {
   width: 33.34%;
 }
 
-.aphront-multi-column-fluid .aphront-multi-column-2-up
+.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
 .aphront-multi-column-column-outer.thirds {
   width: 66.66%;
 }
 
+.device-phone .aphront-multi-column-fluid
+.aphront-multi-column-column-outer
+.aphront-multi-column-column .dashboard-panel {
+  margin: 16px 8px;
+}
+
+.device-tablet .aphront-multi-column-fluid
+.aphront-multi-column-column-outer
+.aphront-multi-column-column .dashboard-panel {
+  margin: 16px 16px 0;
+}
+
 .aphront-multi-column-fluid
 .aphront-multi-column-column-outer
 .aphront-multi-column-column .dashboard-panel {