revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-28 16:30:59 +01:00
Code Issues Releases Wiki Activity

Make Pholio work a little better on mobile

Browse source 
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
This commit is contained in:
epriestley 2014-06-15 15:00:43 -07:00
parent 99e3549522
commit 4ea14ae376
3 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
resources/celerity/map.php
View file

@ -79,7 +79,7 @@ return array(
'rsrc/css/application/paste/paste.css' => 'aa1767d1',
'rsrc/css/application/people/people-profile.css' => 'ba7b2762',
'rsrc/css/application/phame/phame.css' => '19ecc703',
'rsrc/css/application/pholio/pholio-edit.css' => '90616955',
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
'rsrc/css/application/pholio/pholio-inline-comments.css' => '3d5a5590',
'rsrc/css/application/pholio/pholio.css' => 'e94312dd',
'rsrc/css/application/phortune/phortune-credit-card-form.css' => 'b25b4beb',
@ -749,7 +749,7 @@ return array(
'phabricator-zindex-css' => 'efb673ac',
'phame-css' => '19ecc703',
'pholio-css' => 'e94312dd',
'pholio-edit-css' => '90616955',
'pholio-edit-css' => '3ad9d1ee',
'pholio-inline-comments-css' => '3d5a5590',
'phortune-credit-card-form' => '2290aeef',
'phortune-credit-card-form-css' => 'b25b4beb',

2
src/applications/pholio/controller/PholioMockEditController.php
View file

@ -57,7 +57,7 @@ final class PholioMockEditController extends PholioController {
}
$e_name = true;
$e_images = true;
$e_images = count($mock_images) ? null : true;
$errors = array();
$posted_mock_images = array();

13
webroot/rsrc/css/application/pholio/pholio-edit.css
View file

@ -24,6 +24,10 @@
overflow: hidden;
}
.device .pholio-thumb-box {
width: 100%;
}
.device-desktop .pholio-thumb-box {
/* Provide room for the draggable grip. */
margin-left: 12px;
@ -44,6 +48,10 @@
padding: 8px;
}
.device .pholio-thumb-frame {
width: 100%;
}
.pholio-thumb-title {
padding: 4px 8px;
font-weight: bold;
@ -102,6 +110,11 @@
color: {$greytext};
}
.device .pholio-edit-drop {
/* For now, no uploading from devices. */
display: none;
}
.pholio-uploaded-image.pholio-drop-active,
.pholio-edit-drop.pholio-drop-active {
border-style: solid;