@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
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
+17
-5
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
52
52
'rsrc/css/application/conpherence/widget-pane.css' => 'bf275a6c',
53
53
'rsrc/css/application/contentsource/content-source-view.css' => '4b8b05d4',
54
54
'rsrc/css/application/countdown/timer.css' => '86b7b0a0',
55
-
'rsrc/css/application/dashboard/dashboard.css' => '105b072a',
55
+
'rsrc/css/application/dashboard/dashboard.css' => 'c1d7f80b',
56
56
'rsrc/css/application/diff/inline-comment-summary.css' => '8cfd34e8',
57
57
'rsrc/css/application/differential/add-comment.css' => 'c478bcaa',
58
58
'rsrc/css/application/differential/changeset-view.css' => 'c45747f0',
···
697
697
'phabricator-core-css' => '40151074',
698
698
'phabricator-countdown-css' => '86b7b0a0',
699
699
'phabricator-crumbs-view-css' => '6a23399c',
700
-
'phabricator-dashboard-css' => '105b072a',
700
+
'phabricator-dashboard-css' => 'c1d7f80b',
701
701
'phabricator-drag-and-drop-file-upload' => 'ae6abfba',
702
702
'phabricator-draggable-list' => '1681c4d4',
703
703
'phabricator-fatal-config-template-css' => '25d446d6',
+15
-3
webroot/rsrc/css/application/dashboard/dashboard.css
+15
-3
webroot/rsrc/css/application/dashboard/dashboard.css
···
2
2
* @provides phabricator-dashboard-css
3
3
*/
4
4
5
-
.aphront-multi-column-fluid .aphront-multi-column-2-up
5
+
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
6
6
.aphront-multi-column-column-outer.half {
7
7
width: 50%;
8
8
}
9
9
10
-
.aphront-multi-column-fluid .aphront-multi-column-2-up
10
+
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
11
11
.aphront-multi-column-column-outer.third {
12
12
width: 33.34%;
13
13
}
14
14
15
-
.aphront-multi-column-fluid .aphront-multi-column-2-up
15
+
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
16
16
.aphront-multi-column-column-outer.thirds {
17
17
width: 66.66%;
18
+
}
19
+
20
+
.device-phone .aphront-multi-column-fluid
21
+
.aphront-multi-column-column-outer
22
+
.aphront-multi-column-column .dashboard-panel {
23
+
margin: 16px 8px;
24
+
}
25
+
26
+
.device-tablet .aphront-multi-column-fluid
27
+
.aphront-multi-column-column-outer
28
+
.aphront-multi-column-column .dashboard-panel {
29
+
margin: 16px 16px 0;
18
30
}
19
31
20
32
.aphront-multi-column-fluid