@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
Add basic grey and blue styles for PHUIBoxView
Summary: We plan to use these more in future mocks. Adds base colors and re-uses in Phame.
Test Plan: Phame, mobile and desktop.
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D15069
+46
-13
+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' => 'bd4f3259',
10
+
'core.pkg.css' => '39dc2caa',
11
11
'core.pkg.js' => '573e6664',
12
12
'darkconsole.pkg.js' => 'e7393ebb',
13
13
'differential.pkg.css' => '2de124c9',
···
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' => 'fa2069ec',
84
-
'rsrc/css/application/phame/phame.css' => 'dac8fdf2',
84
+
'rsrc/css/application/phame/phame.css' => '6d5b3682',
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',
···
122
122
'rsrc/css/phui/phui-action-panel.css' => '91c7b835',
123
123
'rsrc/css/phui/phui-badge.css' => 'f25c3476',
124
124
'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
125
-
'rsrc/css/phui/phui-box.css' => 'a5bb366d',
125
+
'rsrc/css/phui/phui-box.css' => '10939564',
126
126
'rsrc/css/phui/phui-button.css' => '16020a60',
127
127
'rsrc/css/phui/phui-crumbs-view.css' => '414406b5',
128
128
'rsrc/css/phui/phui-document-pro.css' => '8799acf7',
···
780
780
'phabricator-uiexample-reactor-sendclass' => '1def2711',
781
781
'phabricator-uiexample-reactor-sendproperties' => 'b1f0ccee',
782
782
'phabricator-zindex-css' => 'a36a45da',
783
-
'phame-css' => 'dac8fdf2',
783
+
'phame-css' => '6d5b3682',
784
784
'pholio-css' => '95174bdd',
785
785
'pholio-edit-css' => '3ad9d1ee',
786
786
'pholio-inline-comments-css' => '8e545e49',
···
792
792
'phui-action-panel-css' => '91c7b835',
793
793
'phui-badge-view-css' => 'f25c3476',
794
794
'phui-big-info-view-css' => 'bd903741',
795
-
'phui-box-css' => 'a5bb366d',
795
+
'phui-box-css' => '10939564',
796
796
'phui-button-css' => '16020a60',
797
797
'phui-calendar-css' => 'ccabe893',
798
798
'phui-calendar-day-css' => 'd1cf6f93',
+6
-1
src/applications/phame/view/PhameBlogListView.php
+6
-1
src/applications/phame/view/PhameBlogListView.php
+5
-1
src/applications/phame/view/PhameDraftListView.php
+5
-1
src/applications/phame/view/PhameDraftListView.php
+17
src/view/phui/PHUIBoxView.php
+17
src/view/phui/PHUIBoxView.php
···
5
5
private $margin = array();
6
6
private $padding = array();
7
7
private $border = false;
8
+
private $color;
9
+
10
+
const BLUE = 'phui-box-blue';
11
+
const GREY = 'phui-box-grey';
8
12
9
13
public function addMargin($margin) {
10
14
$this->margin[] = $margin;
···
18
22
19
23
public function setBorder($border) {
20
24
$this->border = $border;
25
+
return $this;
26
+
}
27
+
28
+
public function setColor($color) {
29
+
$this->color = $color;
21
30
return $this;
22
31
}
23
32
···
25
34
require_celerity_resource('phui-box-css');
26
35
$outer_classes = array();
27
36
$outer_classes[] = 'phui-box';
37
+
28
38
if ($this->border) {
29
39
$outer_classes[] = 'phui-box-border';
30
40
}
41
+
31
42
foreach ($this->margin as $margin) {
32
43
$outer_classes[] = $margin;
33
44
}
45
+
34
46
foreach ($this->padding as $padding) {
35
47
$outer_classes[] = $padding;
36
48
}
49
+
50
+
if ($this->color) {
51
+
$outer_classes[] = $this->color;
52
+
}
53
+
37
54
return array('class' => $outer_classes);
38
55
}
39
56
+3
-6
webroot/rsrc/css/application/phame/phame.css
+3
-6
webroot/rsrc/css/application/phame/phame.css
···
49
49
50
50
.phame-blog-list {
51
51
margin: 24px 16px 16px 16px;
52
-
padding: 16px;
53
-
background-color: {$bluebackground};
54
-
border-radius: 3px;
55
52
}
56
53
57
54
.device .phame-blog-list {
58
-
padding: 16px 8px;
59
-
background-color: #F1F1F4;
55
+
padding: 0;
56
+
background-color: {$bluebackground};
60
57
margin: 0;
61
58
border-radius: 0;
62
-
border-bottom: 1px solid {$lightblueborder};
59
+
border-bottom: 1px solid {$thinblueborder};
63
60
}
64
61
65
62
.phame-blog-list-item:last-child {
+10
webroot/rsrc/css/phui/phui-box.css
+10
webroot/rsrc/css/phui/phui-box.css