revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-29 00:40:57 +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/paste/paste.css' => 'aa1767d1',
'rsrc/css/application/people/people-profile.css' => 'ba7b2762', 'rsrc/css/application/people/people-profile.css' => 'ba7b2762',
'rsrc/css/application/phame/phame.css' => '19ecc703', '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-inline-comments.css' => '3d5a5590',
'rsrc/css/application/pholio/pholio.css' => 'e94312dd', 'rsrc/css/application/pholio/pholio.css' => 'e94312dd',
'rsrc/css/application/phortune/phortune-credit-card-form.css' => 'b25b4beb', 'rsrc/css/application/phortune/phortune-credit-card-form.css' => 'b25b4beb',
@ -749,7 +749,7 @@ return array(
'phabricator-zindex-css' => 'efb673ac', 'phabricator-zindex-css' => 'efb673ac',
'phame-css' => '19ecc703', 'phame-css' => '19ecc703',
'pholio-css' => 'e94312dd', 'pholio-css' => 'e94312dd',
'pholio-edit-css' => '90616955', 'pholio-edit-css' => '3ad9d1ee',
'pholio-inline-comments-css' => '3d5a5590', 'pholio-inline-comments-css' => '3d5a5590',
'phortune-credit-card-form' => '2290aeef', 'phortune-credit-card-form' => '2290aeef',
'phortune-credit-card-form-css' => 'b25b4beb', '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_name = true;
$e_images = true; $e_images = count($mock_images) ? null : true;
$errors = array(); $errors = array();
$posted_mock_images = array(); $posted_mock_images = array();

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

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