@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
Update Setup Issue UI
Summary: Slightly cleaner layout
Test Plan: review setup issues resolved and unresolved in local config. fake a fatal.
Reviewers: epriestley
Reviewed By: epriestley
Spies: Korvin
Differential Revision: https://secure.phabricator.com/D18521
+62
-40
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
48
48
'rsrc/css/application/config/config-options.css' => 'd55ed093',
49
49
'rsrc/css/application/config/config-page.css' => 'c1d5121b',
50
50
'rsrc/css/application/config/config-template.css' => '8f18fa41',
51
-
'rsrc/css/application/config/setup-issue.css' => 'f794cfc3',
51
+
'rsrc/css/application/config/setup-issue.css' => '7dae7f18',
52
52
'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
53
53
'rsrc/css/application/conpherence/color.css' => 'abb4c358',
54
54
'rsrc/css/application/conpherence/durable-column.css' => '89ea6bef',
···
896
896
'releeph-preview-branch' => 'b7a6f4a5',
897
897
'releeph-request-differential-create-dialog' => '8d8b92cd',
898
898
'releeph-request-typeahead-css' => '667a48ae',
899
-
'setup-issue-css' => 'f794cfc3',
899
+
'setup-issue-css' => '7dae7f18',
900
900
'sprite-login-css' => '396f3c3a',
901
901
'sprite-tokens-css' => '9cdfd599',
902
902
'syntax-default-css' => '9923583c',
+13
-4
src/applications/config/view/PhabricatorSetupIssueView.php
+13
-4
src/applications/config/view/PhabricatorSetupIssueView.php
···
148
148
array(
149
149
'href' => '/config/issue/'.$issue->getIssueKey().'/',
150
150
'class' => 'button button-grey',
151
-
'style' => 'float: right',
152
151
),
153
152
pht('Reload Page'));
154
153
}
···
194
193
array(
195
194
'class' => 'setup-issue-head',
196
195
),
197
-
array($name, $status));
196
+
$name);
197
+
198
+
$body = phutil_tag(
199
+
'div',
200
+
array(
201
+
'class' => 'setup-issue-body',
202
+
),
203
+
array(
204
+
$status,
205
+
$description,
206
+
));
198
207
199
208
$tail = phutil_tag(
200
209
'div',
201
210
array(
202
211
'class' => 'setup-issue-tail',
203
212
),
204
-
array($actions));
213
+
$actions);
205
214
206
215
$issue = phutil_tag(
207
216
'div',
···
210
219
),
211
220
array(
212
221
$head,
213
-
$description,
222
+
$body,
214
223
$tail,
215
224
));
216
225
+47
-34
webroot/rsrc/css/application/config/setup-issue.css
+47
-34
webroot/rsrc/css/application/config/setup-issue.css
···
6
6
}
7
7
8
8
.setup-issue-shell {
9
-
max-width: 760px;
9
+
max-width: 880px;
10
10
margin: 16px auto;
11
11
}
12
12
13
13
.setup-issue {
14
14
background: #fff;
15
-
border: 1px solid #BFCFDA;
16
-
padding: 8px;
17
-
border-radius: 3px;
15
+
border: 1px solid #e4e5e6;
16
+
padding: 0;
17
+
border-radius: 5px;
18
18
}
19
19
20
20
.setup-issue p {
···
24
24
.setup-issue table {
25
25
width: 100%;
26
26
border-collapse: collapse;
27
-
border: 1px solid #BFCFDA;
27
+
border: 1px solid #e2e2e2;
28
28
}
29
29
30
30
.setup-issue table th {
31
31
text-align: right;
32
32
width: 30%;
33
33
background: #F8F9FC;
34
-
border: 1px solid #BFCFDA;
34
+
border: 1px solid #e2e2e2;
35
35
padding: 8px;
36
36
}
37
37
38
38
.setup-issue table td {
39
-
border: 1px solid #BFCFDA;
39
+
border: 1px solid #e2e2e2;
40
40
padding: 8px;
41
41
word-break: break-word;
42
42
}
43
43
44
44
.setup-issue pre {
45
45
width: auto;
46
-
border: 1px solid #BFCFDA;
47
-
padding: 10px 2%;
46
+
border: 1px solid #e2e2e2;
47
+
padding: 12px;
48
48
background: #F8F9FC;
49
49
overflow-x: auto;
50
+
border-radius: 3px;
50
51
}
51
52
52
53
.setup-issue tt {
···
60
61
}
61
62
62
63
.setup-issue-instructions {
63
-
font-size: 14px;
64
-
padding: 12px 0;
64
+
font-size: 13px;
65
+
padding: 16px;
65
66
line-height: 20px;
66
-
background: #fff;
67
-
border-bottom: 1px solid #BFCFDA;
68
-
margin: 0 12px;
67
+
background: rgba(71,87,120,0.08);
68
+
border-radius: 3px;
69
69
}
70
70
71
71
.setup-fatal .setup-issue-instructions {
72
-
color: #c0392b;
72
+
color: #af1404;
73
73
background: #f4dddb;
74
-
padding: 12px;
75
-
margin: 0 0 12px;
76
-
border-bottom: 1px solid #c0392b;
77
74
}
78
75
79
76
.setup-issue-name {
80
-
color: #464C5C;
81
-
padding: 4px 8px 12px;
82
-
border-bottom: 1px solid #BFCFDA;
83
77
font-size: 15px;
84
78
font-weight: bold;
79
+
color: #6B748C;
80
+
border-bottom: 1px solid #e2e2e2;
81
+
overflow: hidden;
82
+
padding: 16px;
83
+
line-height: 24px;
85
84
}
86
85
87
-
.setup-issue-tail {
88
-
margin-top: 12px;
86
+
.setup-issue-body {
87
+
padding: 16px 16px 0 16px;
89
88
}
90
89
91
90
.setup-issue-status {
92
-
margin: 12px 4px 0;
91
+
margin: 0 0 16px 0;
93
92
padding: 12px;
94
93
background: #FDF5D4;
95
-
color: #bc7837;
96
-
border: 1px solid #bc7837;
94
+
color: #ab8206;
97
95
border-radius: 3px;
98
96
}
99
97
100
98
.setup-issue-actions {
101
-
padding: 8px 12px;
102
-
border-top: 1px solid #dfdfdf;
103
-
background-color: #f7f7f7;
104
-
border-bottom-right-radius: 3px;
105
-
border-bottom-left-radius: 3px;
99
+
padding: 12px;
100
+
background-color: #f5f5f5;
101
+
border-bottom-right-radius: 5px;
102
+
border-bottom-left-radius: 5px;
106
103
overflow: hidden;
107
-
margin: 0 -8px -8px -8px;
104
+
text-align: right;
105
+
}
106
+
107
+
.setup-issue-actions .button {
108
+
margin-left: 8px;
108
109
}
109
110
110
111
.setup-issue-next {
···
112
113
border: 1px solid #BFCFDA;
113
114
background: #daeaf3;
114
115
text-align: center;
115
-
font-size: 16px;
116
116
margin: 12px 0;
117
117
color: #2980b9;
118
118
border-radius: 3px;
119
119
}
120
120
121
121
.setup-issue-config {
122
-
padding: 8px 12px;
122
+
padding: 12px 0;
123
+
}
124
+
125
+
.setup-issue-config + .setup-issue-config {
126
+
padding-top: 0;
123
127
}
124
128
125
129
.setup-issue ul {
···
134
138
text-align: right;
135
139
color: #74777D;
136
140
}
141
+
142
+
.phui-two-column-view .setup-issue-background {
143
+
padding: 0;
144
+
}
145
+
146
+
.phui-two-column-view .setup-issue-shell {
147
+
width: auto;
148
+
margin: 0;
149
+
}