@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
Align form captions with form elements
Summary: Make captions feel less floaty, align with their input element.
Test Plan:
Visit a few forms with captions, test mobile and desktop layouts
{F236871}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D10891
+5
-6
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
7
7
*/
8
8
return array(
9
9
'names' => array(
10
-
'core.pkg.css' => '16b54ea0',
10
+
'core.pkg.css' => 'c48b3276',
11
11
'core.pkg.js' => 'e5f7f2ba',
12
12
'darkconsole.pkg.js' => 'df001cab',
13
13
'differential.pkg.css' => '8af45893',
···
126
126
'rsrc/css/phui/phui-document.css' => 'a5615198',
127
127
'rsrc/css/phui/phui-feed-story.css' => 'dd3c5ff5',
128
128
'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce',
129
-
'rsrc/css/phui/phui-form-view.css' => 'c875f46c',
129
+
'rsrc/css/phui/phui-form-view.css' => 'aad06f2a',
130
130
'rsrc/css/phui/phui-form.css' => 'b78ec020',
131
131
'rsrc/css/phui/phui-header-view.css' => '39594ac0',
132
132
'rsrc/css/phui/phui-icon.css' => 'b4963a4f',
···
776
776
'phui-font-icon-base-css' => '3dad2ae3',
777
777
'phui-fontkit-css' => '9c3d2dce',
778
778
'phui-form-css' => 'b78ec020',
779
-
'phui-form-view-css' => 'c875f46c',
779
+
'phui-form-view-css' => 'aad06f2a',
780
780
'phui-header-view-css' => '39594ac0',
781
781
'phui-icon-view-css' => 'b4963a4f',
782
782
'phui-image-mask-css' => '5a8b09c8',
+2
-3
webroot/rsrc/css/phui/phui-form-view.css
+2
-3
webroot/rsrc/css/phui/phui-form-view.css
···
144
144
.phui-form-view .aphront-form-caption {
145
145
font-size: 12px;
146
146
color: {$bluetext};
147
-
padding: 8px 4px;
148
-
text-align: right;
147
+
padding: 8px 0;
149
148
margin-right: 20%;
150
149
margin-left: 20%;
151
150
-webkit-font-smoothing: antialiased;
···
154
153
155
154
.device-phone .phui-form-view .aphront-form-caption,
156
155
.phui-form-full-width .phui-form-view .aphront-form-caption {
157
-
margin-right: 0%;
156
+
margin: 0;
158
157
}
159
158
160
159
/* override for when inside an aphront-panel-view */