@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
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Show table of contents by default on wide screens

Summary:
Show table of content in left whitespace area in wide screens (width >= 1792px)

Closes T15920

Test Plan:
1) Open Phriction wiki page in browser which contain a number of chapter titles
2) Open Responsive Design Mode in browser (Ctrl-Shift-M in Firefox) and test different width's of the page (e.g. 1024, 1280, 1440, 1600, 1920, ...)
3) Open Remarkup Reference at `/book/phorge/article/remarkup/` and repeat step 2
4) Open a Differential revision to confirm that the unrelated ToC panel has no changes

Reviewers: O1 Blessed Committers, aklapper

Reviewed By: O1 Blessed Committers, aklapper

Subscribers: aklapper, tobiaswiese, valerio.bozzolan, Matthew, Cigaryno

Maniphest Tasks: T15920

Differential Revision: https://we.phorge.it/D25790

+77 -2
+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' => 'b9613a10', 152 + 'rsrc/css/phui/phui-document-pro.css' => 'ec7031a9', 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' => 'b9613a10', 846 + 'phui-document-view-pro-css' => 'ec7031a9', 847 847 'phui-feed-story-css' => 'a0c05029', 848 848 'phui-font-icon-base-css' => '303c9b87', 849 849 'phui-fontkit-css' => '1ec937e5',
+75
webroot/rsrc/css/phui/phui-document-pro.css
··· 303 303 .phui-document-foot-content { 304 304 margin: 64px 0 32px; 305 305 } 306 + 307 + @media (min-width: 1792px) { 308 + div.phui-document-view.phui-document-view-pro.has-curtain { 309 + max-width: 1332px; 310 + left: 50px; 311 + } 312 + 313 + .device-desktop div.phui-document-view.phui-document-view-pro.has-curtain 314 + div.phui-document-content-outer { 315 + width: 1332px; 316 + } 317 + 318 + div.phui-document-content { 319 + margin-left: -200px; 320 + } 321 + 322 + div.phui-document-curtain { 323 + top: 130px; 324 + position: sticky; 325 + right: 15%; 326 + } 327 + 328 + div.phui-document-content-outer, 329 + div.phui-document-view.phui-document-view-pro 330 + div.phui-header-shell.phui-header-tall { 331 + margin-left: 300px; 332 + } 333 + 334 + div.phui-document-toc-container > a.phui-document-toc { 335 + display: none; 336 + } 337 + 338 + .device-desktop div.phui-document-inner { 339 + overflow: inherit; 340 + } 341 + 342 + div.phui-list-sidenav.phui-document-toc-list { 343 + top: -16px; 344 + margin-top: 23px; 345 + box-shadow: 0px 0px; 346 + overflow-y: auto; 347 + max-height: calc(100vh - 120px); 348 + border: solid 1px {$lightgreyborder}; 349 + } 350 + 351 + div.has-curtain div.phui-list-sidenav.phui-document-toc-list { 352 + left: -185px; 353 + margin-left: 175px; 354 + } 355 + 356 + .device-desktop .has-curtain div.phui-document-content-view { 357 + display: block; 358 + } 359 + 360 + div.phui-document-container { 361 + position: relative; 362 + } 363 + 364 + div.phui-document-toc-container { 365 + position: sticky; 366 + left: 0px; 367 + top: 0; 368 + margin-left: 32px; 369 + } 370 + 371 + div.phui-list-sidenav.phui-document-toc-list { 372 + display: block; 373 + } 374 + 375 + div.phui-document-view-pro div.phui-document-toc-content li a { 376 + white-space: break-spaces; 377 + text-indent: -10px; 378 + padding-left: 10px; 379 + } 380 + }