@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
Flip layout on PhameHome
Summary: Centers the page for consistency for the rest of Phame, puts blog list on right for better mobile support.
Test Plan: Review PhameHome at all breakpoints.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15170
+37
-48
+5
-5
resources/celerity/map.php
+5
-5
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '764d4c80',
10
+
'core.pkg.css' => 'e33b14a4',
11
11
'core.pkg.js' => '53c6a7c5',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
36
36
'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
37
37
'rsrc/css/application/base/phabricator-application-launch-view.css' => '95351601',
38
38
'rsrc/css/application/base/phui-theme.css' => 'ab7b848c',
39
-
'rsrc/css/application/base/standard-page-view.css' => '7b0d68d8',
39
+
'rsrc/css/application/base/standard-page-view.css' => 'c4467133',
40
40
'rsrc/css/application/chatlog/chatlog.css' => 'd295b020',
41
41
'rsrc/css/application/conduit/conduit-api.css' => '7bc725c4',
42
42
'rsrc/css/application/config/config-options.css' => '0ede4c9b',
···
81
81
'rsrc/css/application/owners/owners-path-editor.css' => '2f00933b',
82
82
'rsrc/css/application/paste/paste.css' => 'a5157c48',
83
83
'rsrc/css/application/people/people-profile.css' => '2473d929',
84
-
'rsrc/css/application/phame/phame.css' => '6d5b3682',
84
+
'rsrc/css/application/phame/phame.css' => '1dbbacf9',
85
85
'rsrc/css/application/pholio/pholio-edit.css' => '3ad9d1ee',
86
86
'rsrc/css/application/pholio/pholio-inline-comments.css' => '8e545e49',
87
87
'rsrc/css/application/pholio/pholio.css' => '95174bdd',
···
765
765
'phabricator-side-menu-view-css' => '3a3d9f41',
766
766
'phabricator-slowvote-css' => 'da0afb1b',
767
767
'phabricator-source-code-view-css' => 'cbeef983',
768
-
'phabricator-standard-page-view' => '7b0d68d8',
768
+
'phabricator-standard-page-view' => 'c4467133',
769
769
'phabricator-textareautils' => '9e54692d',
770
770
'phabricator-title' => 'df5e11d2',
771
771
'phabricator-tooltip' => '6323f942',
···
781
781
'phabricator-uiexample-reactor-sendclass' => '1def2711',
782
782
'phabricator-uiexample-reactor-sendproperties' => 'b1f0ccee',
783
783
'phabricator-zindex-css' => '5c7025bf',
784
-
'phame-css' => '6d5b3682',
784
+
'phame-css' => '1dbbacf9',
785
785
'pholio-css' => '95174bdd',
786
786
'pholio-edit-css' => '3ad9d1ee',
787
787
'pholio-inline-comments-css' => '8e545e49',
+9
-30
src/applications/phame/controller/PhameHomeController.php
+9
-30
src/applications/phame/controller/PhameHomeController.php
···
55
55
->addAction($create_button);
56
56
}
57
57
58
-
$actions = $this->renderActions($viewer);
59
-
$action_button = id(new PHUIButtonView())
58
+
$view_all = id(new PHUIButtonView())
60
59
->setTag('a')
61
-
->setText(pht('Actions'))
62
-
->setHref('#')
63
-
->setIcon('fa-bars')
64
-
->addClass('phui-mobile-menu')
65
-
->setDropdownMenu($actions);
60
+
->setText(pht('View All'))
61
+
->setHref($this->getApplicationURI('post/'))
62
+
->setIcon('fa-list-ul');
66
63
67
64
$title = pht('Recent Posts');
68
65
69
66
$header = id(new PHUIHeaderView())
70
67
->setHeader($title)
71
-
->addActionLink($action_button);
68
+
->addActionLink($view_all);
72
69
73
70
$crumbs = $this->buildApplicationCrumbs();
74
71
$crumbs->setBorder(true);
···
108
105
$blog_list,
109
106
$draft_list,
110
107
))
111
-
->setDisplay(PHUITwoColumnView::DISPLAY_LEFT)
112
-
->addClass('phame-home-view');
108
+
->addClass('phame-home-container');
109
+
110
+
$phame_home = phutil_tag_div('phame-home-view', $phame_view);
113
111
114
112
return $this->newPage()
115
113
->setTitle($title)
116
114
->setCrumbs($crumbs)
117
115
->appendChild(
118
116
array(
119
-
$phame_view,
117
+
$phame_home,
120
118
));
121
119
122
120
123
-
}
124
-
125
-
private function renderActions($viewer) {
126
-
$actions = id(new PhabricatorActionListView())
127
-
->setUser($viewer);
128
-
129
-
$actions->addAction(
130
-
id(new PhabricatorActionView())
131
-
->setIcon('fa-pencil')
132
-
->setHref($this->getApplicationURI('post/query/draft/'))
133
-
->setName(pht('My Drafts')));
134
-
135
-
$actions->addAction(
136
-
id(new PhabricatorActionView())
137
-
->setIcon('fa-pencil-square-o')
138
-
->setHref($this->getApplicationURI('post/'))
139
-
->setName(pht('All Posts')));
140
-
141
-
return $actions;
142
121
}
143
122
144
123
private function renderBlogs($viewer, $blogs) {}
+3
-3
webroot/rsrc/css/application/base/standard-page-view.css
+3
-3
webroot/rsrc/css/application/base/standard-page-view.css
···
19
19
20
20
.phabricator-standard-page-footer {
21
21
text-align: right;
22
-
margin: 32px 16px 16px;
22
+
margin: 44px 16px 16px;
23
23
padding: 12px 0;
24
-
border-top: 1px solid rgba(71, 87, 120, 0.20);
24
+
border-top: 1px solid rgba(55,55,55,.1);
25
25
color: {$greytext};
26
26
}
27
27
28
28
.device .phabricator-standard-page-footer {
29
-
margin: 4px 8px;
29
+
margin: 24px 8px 16px;
30
30
}
31
31
32
32
!print .phabricator-standard-page-footer {
+20
-10
webroot/rsrc/css/application/phame/phame.css
+20
-10
webroot/rsrc/css/application/phame/phame.css
···
43
43
background-color: #fff;
44
44
}
45
45
46
-
.device .phame-home-view .phui-side-column {
47
-
background-color: transparent;
46
+
.phame-home-view {
47
+
background-color: #fff;
48
+
border-bottom: 1px solid rgba(55,55,55,.1);
49
+
}
50
+
51
+
.phame-home-view .phame-home-container {
52
+
max-width: 980px;
53
+
margin: 0 auto;
54
+
}
55
+
56
+
.phame-home-view .phui-document-container {
57
+
border: none;
48
58
}
49
59
50
60
.phame-blog-list {
51
-
margin: 24px 16px 16px 16px;
61
+
margin: 96px 16px 16px 16px;
62
+
}
63
+
64
+
.phame-blog-list + .phame-blog-list {
65
+
margin-top: 24px;
52
66
}
53
67
54
68
.device .phame-blog-list {
55
-
padding: 0;
56
-
background-color: {$bluebackground};
57
-
margin: 0;
58
-
border-radius: 0;
59
-
border-bottom: 1px solid {$thinblueborder};
69
+
margin: 16px;
60
70
}
61
71
62
-
.phame-blog-list-item:last-child {
63
-
margin-bottom: 0;
72
+
.device-phone .phame-blog-list {
73
+
margin: 16px 8px;
64
74
}
65
75
66
76
.phame-blog-list-header {