@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
Normalize form inputs a little
Summary: Lots of minor details, colors, spacing, padding.
Test Plan:
View carefully in create task, mobile create task, comment form, tokenizers.
{F1913060}
Reviewers: epriestley
Reviewed By: epriestley
Subscribers: Korvin
Differential Revision: https://secure.phabricator.com/D16832
+51
-63
+15
-15
resources/celerity/map.php
+15
-15
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => 'cea72e09',
11
11
'conpherence.pkg.js' => '6249a1cf',
12
-
'core.pkg.css' => 'd2126ffb',
12
+
'core.pkg.css' => 'e7c00111',
13
13
'core.pkg.js' => '1a77dddf',
14
14
'darkconsole.pkg.js' => 'e7393ebb',
15
15
'differential.pkg.css' => 'a4ba74b5',
···
29
29
'rsrc/css/aphront/panel-view.css' => '8427b78d',
30
30
'rsrc/css/aphront/phabricator-nav-view.css' => 'b29426e9',
31
31
'rsrc/css/aphront/table-view.css' => '3225137a',
32
-
'rsrc/css/aphront/tokenizer.css' => '056da01b',
32
+
'rsrc/css/aphront/tokenizer.css' => '9a8cb501',
33
33
'rsrc/css/aphront/tooltip.css' => '1a07aea8',
34
34
'rsrc/css/aphront/typeahead-browse.css' => '8904346a',
35
35
'rsrc/css/aphront/typeahead.css' => 'd4f16145',
···
109
109
'rsrc/css/application/tokens/tokens.css' => '3d0f239e',
110
110
'rsrc/css/application/uiexample/example.css' => '528b19de',
111
111
'rsrc/css/core/core.css' => 'd0801452',
112
-
'rsrc/css/core/remarkup.css' => '04ab9f17',
112
+
'rsrc/css/core/remarkup.css' => 'dda84e80',
113
113
'rsrc/css/core/syntax.css' => '769d3498',
114
114
'rsrc/css/core/z-index.css' => 'd1270942',
115
115
'rsrc/css/diviner/diviner-shared.css' => 'aa3656aa',
···
132
132
'rsrc/css/phui/phui-button.css' => '4a5fbe3d',
133
133
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
134
134
'rsrc/css/phui/phui-cms.css' => 'be43c8a8',
135
-
'rsrc/css/phui/phui-comment-form.css' => '103cdc49',
135
+
'rsrc/css/phui/phui-comment-form.css' => '4ecc56ef',
136
136
'rsrc/css/phui/phui-crumbs-view.css' => '195ac419',
137
137
'rsrc/css/phui/phui-curtain-view.css' => '947bf1a4',
138
138
'rsrc/css/phui/phui-document-pro.css' => 'ca1fed81',
···
140
140
'rsrc/css/phui/phui-document.css' => 'c32e8dec',
141
141
'rsrc/css/phui/phui-feed-story.css' => '44a9c8e9',
142
142
'rsrc/css/phui/phui-fontkit.css' => '9cda225e',
143
-
'rsrc/css/phui/phui-form-view.css' => 'b5bfd17a',
144
-
'rsrc/css/phui/phui-form.css' => 'aac1d51d',
143
+
'rsrc/css/phui/phui-form-view.css' => '91adabe4',
144
+
'rsrc/css/phui/phui-form.css' => 'ca2490c6',
145
145
'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f',
146
146
'rsrc/css/phui/phui-header-view.css' => '6ec8f155',
147
147
'rsrc/css/phui/phui-hovercard.css' => 'de1a2119',
···
558
558
'aphront-multi-column-view-css' => '84cc6640',
559
559
'aphront-panel-view-css' => '8427b78d',
560
560
'aphront-table-view-css' => '3225137a',
561
-
'aphront-tokenizer-control-css' => '056da01b',
561
+
'aphront-tokenizer-control-css' => '9a8cb501',
562
562
'aphront-tooltip-css' => '1a07aea8',
563
563
'aphront-typeahead-control-css' => 'd4f16145',
564
564
'application-search-view-css' => '8452c849',
···
812
812
'phabricator-object-selector-css' => '85ee8ce6',
813
813
'phabricator-phtize' => 'd254d646',
814
814
'phabricator-prefab' => '8d40ae75',
815
-
'phabricator-remarkup-css' => '04ab9f17',
815
+
'phabricator-remarkup-css' => 'dda84e80',
816
816
'phabricator-search-results-css' => '7dea472c',
817
817
'phabricator-shaped-request' => '7cbe244b',
818
818
'phabricator-slowvote-css' => 'a94b7230',
···
855
855
'phui-calendar-month-css' => '8e10e92c',
856
856
'phui-chart-css' => '6bf6f78e',
857
857
'phui-cms-css' => 'be43c8a8',
858
-
'phui-comment-form-css' => '103cdc49',
858
+
'phui-comment-form-css' => '4ecc56ef',
859
859
'phui-crumbs-view-css' => '195ac419',
860
860
'phui-curtain-view-css' => '947bf1a4',
861
861
'phui-document-summary-view-css' => '9ca48bdf',
···
864
864
'phui-feed-story-css' => '44a9c8e9',
865
865
'phui-font-icon-base-css' => '870a7360',
866
866
'phui-fontkit-css' => '9cda225e',
867
-
'phui-form-css' => 'aac1d51d',
868
-
'phui-form-view-css' => 'b5bfd17a',
867
+
'phui-form-css' => 'ca2490c6',
868
+
'phui-form-view-css' => '91adabe4',
869
869
'phui-head-thing-view-css' => 'fd311e5f',
870
870
'phui-header-view-css' => '6ec8f155',
871
871
'phui-hovercard' => '1bd28176',
···
952
952
'javelin-dom',
953
953
'javelin-util',
954
954
'phabricator-tooltip',
955
-
),
956
-
'056da01b' => array(
957
-
'aphront-typeahead-control-css',
958
-
'phui-tag-view-css',
959
955
),
960
956
'065227cc' => array(
961
957
'javelin-behavior',
···
1749
1745
'phuix-action-view',
1750
1746
'phabricator-phtize',
1751
1747
'changeset-view-manager',
1748
+
),
1749
+
'9a8cb501' => array(
1750
+
'aphront-typeahead-control-css',
1751
+
'phui-tag-view-css',
1752
1752
),
1753
1753
'9bbf3762' => array(
1754
1754
'javelin-behavior',
+4
-1
webroot/rsrc/css/aphront/tokenizer.css
+4
-1
webroot/rsrc/css/aphront/tokenizer.css
···
38
38
font-size: {$normalfontsize};
39
39
color: #333;
40
40
height: 26px;
41
+
background: transparent;
41
42
}
42
43
43
44
body input.jx-tokenizer-input:focus {
···
63
64
}
64
65
65
66
a.jx-tokenizer-token {
66
-
padding: 2px 6px;
67
+
padding: 1px 6px;
67
68
border: 1px solid {$lightblueborder};
68
69
margin: 3px 2px 0 4px;
69
70
background-color: {$sh-bluebackground};
···
173
174
border-bottom: none;
174
175
padding: 0;
175
176
width: 30px;
177
+
border-top-right-radius: 3px;
178
+
border-bottom-right-radius: 3px;
176
179
}
177
180
178
181
.button.tokenizer-browse-button .phui-icon-view {
+16
-10
webroot/rsrc/css/core/remarkup.css
+16
-10
webroot/rsrc/css/core/remarkup.css
···
436
436
}
437
437
438
438
.remarkup-assist-textarea {
439
-
border-left-color: {$blueborder};
440
-
border-right-color: {$blueborder};
441
-
border-bottom-color: {$blueborder};
439
+
border-left-color: {$greyborder};
440
+
border-right-color: {$greyborder};
441
+
border-bottom-color: {$greyborder};
442
442
border-top-color: {$thinblueborder};
443
443
border-radius: 0;
444
+
border-bottom-left-radius: 3px;
445
+
border-bottom-right-radius: 3px;
444
446
445
447
box-shadow: none;
446
448
-webkit-box-shadow: none;
···
470
472
}
471
473
472
474
.remarkup-assist-bar {
473
-
height: 26px;
475
+
height: 32px;
474
476
border-width: 1px 1px 0;
475
477
border-style: solid;
476
-
border-top-color: {$blueborder};
477
-
border-left-color: {$blueborder};
478
-
border-right-color: {$blueborder};
478
+
border-top-color: {$greyborder};
479
+
border-left-color: {$greyborder};
480
+
border-right-color: {$greyborder};
481
+
border-top-left-radius: 3px;
482
+
border-top-right-radius: 3px;
483
+
padding: 0 4px;
479
484
480
485
background: {$lightbluebackground};
481
486
overflow: hidden;
···
483
488
484
489
.remarkup-assist-button {
485
490
display: block;
491
+
margin-top: 2px;
486
492
padding: 4px 5px;
487
493
float: left;
488
494
}
···
503
509
display: block;
504
510
float: left;
505
511
506
-
margin: 7px 4px;
507
-
height: 14px;
512
+
height: 18px;
513
+
margin: 7px 6px;
508
514
509
515
width: 0px;
510
-
border-right: 1px solid #cccccc;
516
+
border-right: 1px solid {$lightgreyborder};
511
517
}
512
518
513
519
.remarkup-interpreter-error {
-29
webroot/rsrc/css/phui/phui-comment-form.css
-29
webroot/rsrc/css/phui/phui-comment-form.css
···
58
58
border-radius: 0;
59
59
}
60
60
61
-
.phui-comment-form-view .remarkup-assist-button {
62
-
margin-top: 2px;
63
-
padding: 4px 5px;
64
-
border-radius: 3px;
65
-
}
66
-
67
-
.phui-comment-form-view .remarkup-assist-separator {
68
-
height: 18px;
69
-
margin: 7px 6px;
70
-
}
71
-
72
61
.phui-comment-form-view .aphront-form-input .remarkup-assist-textarea {
73
62
border-color: {$lightblueborder};
74
63
border-top: 1px solid {$thinblueborder};
75
64
padding: 8px;
76
-
border-bottom-left-radius: 3px;
77
-
border-bottom-right-radius: 3px;
78
65
height: 10em;
79
66
background-color: rgba({$alphablue},.02);
80
67
}
···
160
147
161
148
.device-phone .phui-comment-form-view .phui-comment-action-icon {
162
149
display: none;
163
-
}
164
-
165
-
/* h8rs gonna h8 */
166
-
.phui-comment-form-view select {
167
-
-webkit-appearance: none;
168
-
-moz-appearance: none;
169
-
appearance: none;
170
-
171
-
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
172
-
background-size: 8px 10px;
173
-
border-radius: 3px;
174
-
color: {$darkbluetext};
175
-
height: 28px;
176
-
position: relative;
177
-
padding: 0 8px;
178
-
width: 180px;
179
150
}
180
151
181
152
.device-phone .aphront-form-control-submit button {
+2
-1
webroot/rsrc/css/phui/phui-form-view.css
+2
-1
webroot/rsrc/css/phui/phui-form-view.css
+14
-7
webroot/rsrc/css/phui/phui-form.css
+14
-7
webroot/rsrc/css/phui/phui-form.css
···
46
46
div.jx-tokenizer-container {
47
47
padding: 4px 6px;
48
48
background-color: #ffffff;
49
-
border: 1px solid {$blueborder};
49
+
border: 1px solid {$greyborder};
50
+
border-radius: 3px;
50
51
51
52
-webkit-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
52
53
-moz-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
···
63
64
64
65
/* iOS Safari */
65
66
-webkit-appearance: none;
66
-
border-radius: 0;
67
67
}
68
68
69
69
textarea:focus,
···
105
105
}
106
106
107
107
select {
108
-
height: 24px;
109
-
line-height: 24px;
110
-
border: 1px solid {$lightgreyborder};
111
-
background-color: #ffffff;
112
-
min-width: 140px;
108
+
-webkit-appearance: none;
109
+
-moz-appearance: none;
110
+
appearance: none;
111
+
112
+
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
113
+
background-size: 8px 10px;
114
+
border-radius: 3px;
115
+
color: {$darkbluetext};
116
+
border: 1px solid {$greyborder};
117
+
height: 28px;
118
+
padding: 0 8px;
119
+
min-width: 180px;
113
120
}
114
121
115
122
select[multiple],