@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
Phriction: fix issue with icons in table of contents on wide screens
Summary:
When using icons in front of a header title, a part of the icon was
not visible in the TOC on wide screens.
| Before | After |
|-----------|----------|
| {F2670860}|{F2670861}|
Look at the table of contents on the left side.
Closes T15920
Test Plan:
Steps to reproduce in a Phriction document:
```
== {icon users} How to Register-in ==
=== {icon heart spin} Credits ===
```
Verify if all icons are visible in TOC.
Reviewers: O1 Blessed Committers, aklapper, valerio.bozzolan
Reviewed By: O1 Blessed Committers, aklapper, valerio.bozzolan
Subscribers: aklapper, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno
Maniphest Tasks: T15920
Differential Revision: https://we.phorge.it/D25854
+10
-3
+2
-2
resources/celerity/map.php
+2
-2
resources/celerity/map.php
···
149
149
'rsrc/css/phui/phui-crumbs-view.css' => '614f43cf',
150
150
'rsrc/css/phui/phui-curtain-object-ref-view.css' => '51d93266',
151
151
'rsrc/css/phui/phui-curtain-view.css' => '68c5efb6',
152
-
'rsrc/css/phui/phui-document-pro.css' => 'ec7031a9',
152
+
'rsrc/css/phui/phui-document-pro.css' => '48e72f0a',
153
153
'rsrc/css/phui/phui-document-summary.css' => 'b068eed1',
154
154
'rsrc/css/phui/phui-document.css' => '52b748a5',
155
155
'rsrc/css/phui/phui-feed-story.css' => 'a0c05029',
···
843
843
'phui-curtain-view-css' => '68c5efb6',
844
844
'phui-document-summary-view-css' => 'b068eed1',
845
845
'phui-document-view-css' => '52b748a5',
846
-
'phui-document-view-pro-css' => 'ec7031a9',
846
+
'phui-document-view-pro-css' => '48e72f0a',
847
847
'phui-feed-story-css' => 'a0c05029',
848
848
'phui-font-icon-base-css' => '303c9b87',
849
849
'phui-fontkit-css' => '1ec937e5',
+8
-1
webroot/rsrc/css/phui/phui-document-pro.css
+8
-1
webroot/rsrc/css/phui/phui-document-pro.css
···
171
171
white-space: nowrap;
172
172
}
173
173
174
-
.phui-document-view-pro .phui-document-toc-content a:hover {
174
+
.phui-document-view-pro .phui-document-toc-content a:hover,
175
+
.phui-document-view-pro .phui-document-toc-content a:hover
176
+
span.visual-only.phui-icon-view.phui-font-fa.fa-users {
175
177
color: {$anchor};
176
178
text-decoration: underline;
177
179
}
···
376
378
white-space: break-spaces;
377
379
text-indent: -10px;
378
380
padding-left: 10px;
381
+
}
382
+
383
+
div.phui-document-view-pro div.phui-document-toc-content
384
+
span.visual-only.phui-icon-view.phui-font-fa {
385
+
text-indent: 0px;
379
386
}
380
387
}