@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
Make Pholio work a little better on mobile
Summary:
Ref T2644. This adjusts thumb sizing so the "X" button is visible, and hides the uploader on devices for now.
The thumb stuff I'm sort of hacking (we'll cut off a little bit of wide thumbs on the iPhone), but it looks fine, is usable, and works a little better in landscape mode and at tablet sizes.
Test Plan: {F167022}
Reviewers: chad
Reviewed By: chad
Subscribers: epriestley
Maniphest Tasks: T2644
Differential Revision: https://secure.phabricator.com/D9562
+16
-3
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
79
79
'rsrc/css/application/paste/paste.css' => 'aa1767d1',
80
80
'rsrc/css/application/people/people-profile.css' => 'ba7b2762',
81
81
'rsrc/css/application/phame/phame.css' => '19ecc703',
82
-
'rsrc/css/application/pholio/pholio-edit.css' => '90616955',
82
+
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
83
83
'rsrc/css/application/pholio/pholio-inline-comments.css' => '3d5a5590',
84
84
'rsrc/css/application/pholio/pholio.css' => 'e94312dd',
85
85
'rsrc/css/application/phortune/phortune-credit-card-form.css' => 'b25b4beb',
···
749
749
'phabricator-zindex-css' => 'efb673ac',
750
750
'phame-css' => '19ecc703',
751
751
'pholio-css' => 'e94312dd',
752
-
'pholio-edit-css' => '90616955',
752
+
'pholio-edit-css' => '3ad9d1ee',
753
753
'pholio-inline-comments-css' => '3d5a5590',
754
754
'phortune-credit-card-form' => '2290aeef',
755
755
'phortune-credit-card-form-css' => 'b25b4beb',
+1
-1
src/applications/pholio/controller/PholioMockEditController.php
+1
-1
src/applications/pholio/controller/PholioMockEditController.php
+13
webroot/rsrc/css/application/pholio/pholio-edit.css
+13
webroot/rsrc/css/application/pholio/pholio-edit.css
···
24
24
overflow: hidden;
25
25
}
26
26
27
+
.device .pholio-thumb-box {
28
+
width: 100%;
29
+
}
30
+
27
31
.device-desktop .pholio-thumb-box {
28
32
/* Provide room for the draggable grip. */
29
33
margin-left: 12px;
···
42
46
width: 280px;
43
47
height: 210px;
44
48
padding: 8px;
49
+
}
50
+
51
+
.device .pholio-thumb-frame {
52
+
width: 100%;
45
53
}
46
54
47
55
.pholio-thumb-title {
···
100
108
text-align: center;
101
109
padding: 16px;
102
110
color: {$greytext};
111
+
}
112
+
113
+
.device .pholio-edit-drop {
114
+
/* For now, no uploading from devices. */
115
+
display: none;
103
116
}
104
117
105
118
.pholio-uploaded-image.pholio-drop-active,