mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-28 16:30:59 +01:00
Better Paste layout on mobile
Summary: Builds a container of paste, makes it smaller on mobile. Test Plan: View on desktop, tablet, mobile. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14122
This commit is contained in:
parent
2e0cbaa366
commit
f899762364
3 changed files with 17 additions and 7 deletions
|
@ -80,7 +80,7 @@ return array(
|
||||||
'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
|
'rsrc/css/application/maniphest/task-summary.css' => '11cc5344',
|
||||||
'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6',
|
'rsrc/css/application/objectselector/object-selector.css' => '85ee8ce6',
|
||||||
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
|
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
|
||||||
'rsrc/css/application/paste/paste.css' => '1898e534',
|
'rsrc/css/application/paste/paste.css' => 'b2f5a543',
|
||||||
'rsrc/css/application/people/people-profile.css' => '25970776',
|
'rsrc/css/application/people/people-profile.css' => '25970776',
|
||||||
'rsrc/css/application/phame/phame.css' => 'bb147387',
|
'rsrc/css/application/phame/phame.css' => 'bb147387',
|
||||||
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
|
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
|
||||||
|
@ -703,7 +703,7 @@ return array(
|
||||||
'multirow-row-manager' => 'b5d57730',
|
'multirow-row-manager' => 'b5d57730',
|
||||||
'owners-path-editor' => 'aa1733d0',
|
'owners-path-editor' => 'aa1733d0',
|
||||||
'owners-path-editor-css' => '2f00933b',
|
'owners-path-editor-css' => '2f00933b',
|
||||||
'paste-css' => '1898e534',
|
'paste-css' => 'b2f5a543',
|
||||||
'path-typeahead' => 'f7fc67ec',
|
'path-typeahead' => 'f7fc67ec',
|
||||||
'people-profile-css' => '25970776',
|
'people-profile-css' => '25970776',
|
||||||
'phabricator-action-list-view-css' => 'c5eba19d',
|
'phabricator-action-list-view-css' => 'c5eba19d',
|
||||||
|
|
|
@ -69,11 +69,13 @@ final class PhabricatorPasteViewController extends PhabricatorPasteController {
|
||||||
null,
|
null,
|
||||||
$this->highlightMap);
|
$this->highlightMap);
|
||||||
|
|
||||||
$source_code = id(new PHUIBoxView())
|
require_celerity_resource('paste-css');
|
||||||
->appendChild($source_code)
|
$source_code = phutil_tag(
|
||||||
->addMargin(PHUI::MARGIN_LARGE_LEFT)
|
'div',
|
||||||
->addMargin(PHUI::MARGIN_LARGE_RIGHT)
|
array(
|
||||||
->addMargin(PHUI::MARGIN_LARGE_TOP);
|
'class' => 'container-of-paste',
|
||||||
|
),
|
||||||
|
$source_code);
|
||||||
|
|
||||||
$crumbs = $this->buildApplicationCrumbs($this->buildSideNavView())
|
$crumbs = $this->buildApplicationCrumbs($this->buildSideNavView())
|
||||||
->addTextCrumb('P'.$paste->getID(), '/P'.$paste->getID());
|
->addTextCrumb('P'.$paste->getID(), '/P'.$paste->getID());
|
||||||
|
|
|
@ -2,6 +2,14 @@
|
||||||
* @provides paste-css
|
* @provides paste-css
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
.container-of-paste {
|
||||||
|
margin: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.device .container-of-paste {
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.paste-embed {
|
.paste-embed {
|
||||||
background: {$sh-yellowbackground};
|
background: {$sh-yellowbackground};
|
||||||
border: 1px solid {$sh-lightyellowborder};
|
border: 1px solid {$sh-lightyellowborder};
|
||||||
|
|
Loading…
Reference in a new issue