1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-22 14:52:41 +01:00

Optimize mobile layout of DiffusionHistoryView

Summary: Little nits and spacing changes to viewing diffusion commit history on phones.

Test Plan:
Review in Chrome, iOS Simulator.

{F4990749}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18085
This commit is contained in:
Chad Little 2017-06-06 10:20:45 -07:00
parent 7fa4d4930b
commit ece651255c
3 changed files with 57 additions and 3 deletions

View file

@ -71,7 +71,7 @@ return array(
'rsrc/css/application/differential/revision-history.css' => '0e8eb855',
'rsrc/css/application/differential/revision-list.css' => 'f3c47d33',
'rsrc/css/application/differential/table-of-contents.css' => 'ae4b7a55',
'rsrc/css/application/diffusion/diffusion-history.css' => 'cc283766',
'rsrc/css/application/diffusion/diffusion-history.css' => '6870e8c1',
'rsrc/css/application/diffusion/diffusion-icons.css' => 'a6a1e2ba',
'rsrc/css/application/diffusion/diffusion-readme.css' => '18bd3910',
'rsrc/css/application/diffusion/diffusion-source.css' => '750add59',
@ -569,7 +569,7 @@ return array(
'differential-revision-history-css' => '0e8eb855',
'differential-revision-list-css' => 'f3c47d33',
'differential-table-of-contents-css' => 'ae4b7a55',
'diffusion-history-css' => 'cc283766',
'diffusion-history-css' => '6870e8c1',
'diffusion-icons-css' => 'a6a1e2ba',
'diffusion-readme-css' => '18bd3910',
'diffusion-source-css' => '750add59',

View file

@ -69,7 +69,8 @@ final class DiffusionHistoryController extends DiffusionController {
return $this->newPage()
->setTitle($title)
->setCrumbs($crumbs)
->appendChild($view);
->appendChild($view)
->addClass('diffusion-history-view');
}
private function buildHeader(DiffusionRequest $drequest) {

View file

@ -2,6 +2,8 @@
* @provides diffusion-history-css
*/
/* - List Styles ------------------------------------------------------------*/
.diffusion-history-list .phui-oi-link {
color: #000;
font-size: {$biggerfontsize};
@ -27,3 +29,54 @@
.diffusion-history-list .diffusion-differential-tag {
margin-left: 4px;
}
/* - Phone Style ------------------------------------------------------------*/
.device-phone.diffusion-history-view .phui-two-column-view
.phui-two-column-footer .phui-object-box {
border-color: {$thinblueborder};
}
.device-phone.diffusion-history-view .phui-two-column-view
.phui-two-column-footer .phui-header-view {
text-align: center;
}
.device-phone.diffusion-history-view .phui-two-column-content {
padding: 0;
margin: 0 -4px;
}
.device-phone.diffusion-history-view .phui-oi-attribute-spacer {
display: none;
}
.device-phone.diffusion-history-view .phui-oi-attribute {
display: block;
margin: 0 0 4px 0;
}
.device-phone.diffusion-history-view .phui-oi-image {
height: 36px;
width: 36px;
margin-top: 10px;
}
.device-phone.diffusion-history-view .phui-oi-with-image .phui-oi-content-box {
margin-left: 44px;
}
.device-phone.diffusion-history-view .phui-oi-col2.phui-oi-side-column {
padding-bottom: 10px;
}
.device-phone.diffusion-history-view .diffusion-history-list .button.has-icon
.phui-button-text {
margin: 0;
}
.device-phone.diffusion-history-view .diffusion-history-list .button.has-icon
.phui-icon-view {
display: none;
}