1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 05:50:55 +01:00

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
This commit is contained in:
Chad Little 2014-05-21 12:08:14 -07:00
parent e8ca470a40
commit 0bf18d5f27
2 changed files with 17 additions and 5 deletions
resources/celerity
webroot/rsrc/css/application/dashboard

View file

@ -52,7 +52,7 @@ return array(
'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c', 'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c',
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4', 'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
'rsrc/css/application/countdown/timer.css' => '86b7b0a0', '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/diff/inline-comment-summary.css' => '8cfd34e8',
'rsrc/css/application/differential/add-comment.css' => 'c478bcaa', 'rsrc/css/application/differential/add-comment.css' => 'c478bcaa',
'rsrc/css/application/differential/changeset-view.css' => 'c45747f0', 'rsrc/css/application/differential/changeset-view.css' => 'c45747f0',
@ -697,7 +697,7 @@ return array(
'phabricator-core-css' => '40151074', 'phabricator-core-css' => '40151074',
'phabricator-countdown-css' => '86b7b0a0', 'phabricator-countdown-css' => '86b7b0a0',
'phabricator-crumbs-view-css' => '6a23399c', 'phabricator-crumbs-view-css' => '6a23399c',
'phabricator-dashboard-css' => '105b072a', 'phabricator-dashboard-css' => 'c1d7f80b',
'phabricator-drag-and-drop-file-upload' => 'ae6abfba', 'phabricator-drag-and-drop-file-upload' => 'ae6abfba',
'phabricator-draggable-list' => '1681c4d4', 'phabricator-draggable-list' => '1681c4d4',
'phabricator-fatal-config-template-css' => '25d446d6', 'phabricator-fatal-config-template-css' => '25d446d6',

View file

@ -2,21 +2,33 @@
* @provides phabricator-dashboard-css * @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 { .aphront-multi-column-column-outer.half {
width: 50%; 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 { .aphront-multi-column-column-outer.third {
width: 33.34%; 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 { .aphront-multi-column-column-outer.thirds {
width: 66.66%; 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-fluid
.aphront-multi-column-column-outer .aphront-multi-column-column-outer
.aphront-multi-column-column .dashboard-panel { .aphront-multi-column-column .dashboard-panel {