@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
Differentiate Remarkup header sizes more clearly
Summary:
Ref PHI1275. Previously, see T591. See also T7963. Headers are currently very visually similar to one another, and similar to the text size:
{F6485441}
I think the design intent was to make it hard to make bad-looking documents, but all the headers end up being very samey.
Differentiate the sizes of the headers better so they're much more obvious (e.g., when scrolling through a document) and the different levels are more distinct.
This might be a little overboard, but we can always pull it back a bit if it's too much, and I think giving users more control in Remarkup (in cases where it doesn't create some weird syntax/parsing nightmare) is generally a good thing.
Test Plan: {F6485447}
Reviewers: amckinley
Reviewed By: amckinley
Differential Revision: https://secure.phabricator.com/D20569
+15
-35
+5
-5
resources/celerity/map.php
+5
-5
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => '3c8a0668',
11
11
'conpherence.pkg.js' => '020aebcf',
12
-
'core.pkg.css' => '3dc188c0',
12
+
'core.pkg.css' => 'af983028',
13
13
'core.pkg.js' => 'ee320ca2',
14
14
'differential.pkg.css' => '8d8360fb',
15
15
'differential.pkg.js' => '67e02996',
···
112
112
'rsrc/css/application/tokens/tokens.css' => 'ce5a50bd',
113
113
'rsrc/css/application/uiexample/example.css' => 'b4795059',
114
114
'rsrc/css/core/core.css' => '1b29ed61',
115
-
'rsrc/css/core/remarkup.css' => '9e627d41',
115
+
'rsrc/css/core/remarkup.css' => 'f06cc20e',
116
116
'rsrc/css/core/syntax.css' => '4234f572',
117
117
'rsrc/css/core/z-index.css' => '99c0f5eb',
118
118
'rsrc/css/diviner/diviner-shared.css' => '4bd263b0',
···
151
151
'rsrc/css/phui/phui-document-summary.css' => 'b068eed1',
152
152
'rsrc/css/phui/phui-document.css' => '52b748a5',
153
153
'rsrc/css/phui/phui-feed-story.css' => 'a0c05029',
154
-
'rsrc/css/phui/phui-fontkit.css' => '9b714a5e',
154
+
'rsrc/css/phui/phui-fontkit.css' => '1ec937e5',
155
155
'rsrc/css/phui/phui-form-view.css' => '01b796c0',
156
156
'rsrc/css/phui/phui-form.css' => '159e2d9c',
157
157
'rsrc/css/phui/phui-head-thing.css' => 'd7f293df',
···
793
793
'phabricator-object-selector-css' => 'ee77366f',
794
794
'phabricator-phtize' => '2f1db1ed',
795
795
'phabricator-prefab' => '5793d835',
796
-
'phabricator-remarkup-css' => '9e627d41',
796
+
'phabricator-remarkup-css' => 'f06cc20e',
797
797
'phabricator-search-results-css' => '9ea70ace',
798
798
'phabricator-shaped-request' => 'abf88db8',
799
799
'phabricator-slowvote-css' => '1694baed',
···
838
838
'phui-document-view-pro-css' => 'b9613a10',
839
839
'phui-feed-story-css' => 'a0c05029',
840
840
'phui-font-icon-base-css' => 'd7994e06',
841
-
'phui-fontkit-css' => '9b714a5e',
841
+
'phui-fontkit-css' => '1ec937e5',
842
842
'phui-form-css' => '159e2d9c',
843
843
'phui-form-view-css' => '01b796c0',
844
844
'phui-head-thing-view-css' => 'd7f293df',
+10
-21
webroot/rsrc/css/core/remarkup.css
+10
-21
webroot/rsrc/css/core/remarkup.css
···
174
174
list-style-type: none;
175
175
}
176
176
177
-
.phabricator-remarkup h1.remarkup-header {
178
-
font-size: 24px;
179
-
line-height: 1.625em;
180
-
margin: 24px 0 4px;
181
-
}
182
-
183
177
.phabricator-remarkup h2.remarkup-header {
184
-
font-size: 20px;
185
-
line-height: 1.5em;
186
-
margin: 20px 0 4px;
178
+
font-size: 28px;
179
+
margin: 1em 0 0.75em;
187
180
}
188
181
189
182
.phabricator-remarkup h3.remarkup-header {
190
-
font-size: 18px;
191
-
line-height: 1.375em;
192
-
margin: 20px 0 4px;
183
+
font-size: 24px;
184
+
margin: 1em 0 0.75em;
193
185
}
194
186
195
187
.phabricator-remarkup h4.remarkup-header {
196
-
font-size: 16px;
197
-
line-height: 1.25em;
198
-
margin: 12px 0 4px;
188
+
font-size: 22px;
189
+
margin: 1em 0 0.75em;
199
190
}
200
191
201
192
.phabricator-remarkup h5.remarkup-header {
202
-
font-size: 15px;
203
-
line-height: 1.125em;
204
-
margin: 8px 0 4px;
193
+
font-size: 18px;
194
+
margin: 1em 0 0.75em;
205
195
}
206
196
207
197
.phabricator-remarkup h6.remarkup-header {
208
-
font-size: 14px;
209
-
line-height: 1em;
210
-
margin: 4px 0;
198
+
font-size: 16px;
199
+
margin: 1em 0 0.75em;
211
200
}
212
201
213
202
.phabricator-remarkup blockquote {
-9
webroot/rsrc/css/phui/phui-fontkit.css
-9
webroot/rsrc/css/phui/phui-fontkit.css
···
6
6
color: {$blacktext};
7
7
}
8
8
9
-
.phui-document-view .phabricator-remarkup .remarkup-header {
10
-
margin-bottom: 8px;
11
-
}
12
-
13
-
.phui-document-view .phabricator-remarkup h2.remarkup-header {
14
-
padding: 0 24px 8px 0;
15
-
margin: 32px 0 4px;
16
-
}
17
-
18
9
.phui-document-view .phabricator-remarkup .remarkup-header strong {
19
10
color: #586BE9;
20
11
}