@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.

Make timeline view prettier

Summary: Aligns the timeline view more closely with the `diff_full_view.png` mock.

Test Plan:
Desktop:

{F26822}

Mobile:

{F26823}

Reviewers: chad, btrahan

Reviewed By: chad

CC: aran

Maniphest Tasks: T2104

Differential Revision: https://secure.phabricator.com/D4137

+326 -183
+60 -60
resources/sprite/manifest/icon.json
··· 13 13 }, 14 14 "action-arrow_left-white" : { 15 15 "name" : "action-arrow_left-white", 16 - "rule" : ".device-desktop .phabricator-action-view:hover .action-arrow_left", 16 + "rule" : ".action-arrow_left-white, .device-desktop .phabricator-action-view:hover .action-arrow_left", 17 17 "hash" : "23e5824a1e58e858d7fff622e10c9670" 18 18 }, 19 19 "action-arrow_right" : { ··· 28 28 }, 29 29 "action-arrow_right-white" : { 30 30 "name" : "action-arrow_right-white", 31 - "rule" : ".device-desktop .phabricator-action-view:hover .action-arrow_right", 31 + "rule" : ".action-arrow_right-white, .device-desktop .phabricator-action-view:hover .action-arrow_right", 32 32 "hash" : "c36b010025e1550fda9dff1d4b677076" 33 33 }, 34 34 "action-attach" : { ··· 43 43 }, 44 44 "action-attach-white" : { 45 45 "name" : "action-attach-white", 46 - "rule" : ".device-desktop .phabricator-action-view:hover .action-attach", 46 + "rule" : ".action-attach-white, .device-desktop .phabricator-action-view:hover .action-attach", 47 47 "hash" : "8f95a2a247a1b2f79c55b76bc62caedb" 48 48 }, 49 49 "action-blame" : { ··· 58 58 }, 59 59 "action-blame-white" : { 60 60 "name" : "action-blame-white", 61 - "rule" : ".device-desktop .phabricator-action-view:hover .action-blame", 61 + "rule" : ".action-blame-white, .device-desktop .phabricator-action-view:hover .action-blame", 62 62 "hash" : "f2d2a1a06236432903297bf58cf00138" 63 63 }, 64 64 "action-check" : { ··· 73 73 }, 74 74 "action-check-white" : { 75 75 "name" : "action-check-white", 76 - "rule" : ".device-desktop .phabricator-action-view:hover .action-check", 76 + "rule" : ".action-check-white, .device-desktop .phabricator-action-view:hover .action-check", 77 77 "hash" : "6328b4abc8f44954e637c3382e859536" 78 78 }, 79 79 "action-comment" : { ··· 88 88 }, 89 89 "action-comment-white" : { 90 90 "name" : "action-comment-white", 91 - "rule" : ".device-desktop .phabricator-action-view:hover .action-comment", 91 + "rule" : ".action-comment-white, .device-desktop .phabricator-action-view:hover .action-comment", 92 92 "hash" : "370761544111cf3d6a8878927baa9199" 93 93 }, 94 94 "action-computer" : { ··· 103 103 }, 104 104 "action-computer-white" : { 105 105 "name" : "action-computer-white", 106 - "rule" : ".device-desktop .phabricator-action-view:hover .action-computer", 106 + "rule" : ".action-computer-white, .device-desktop .phabricator-action-view:hover .action-computer", 107 107 "hash" : "82cef35cbea64a3ee60a9b71f2a1c583" 108 108 }, 109 109 "action-create" : { ··· 118 118 }, 119 119 "action-create-white" : { 120 120 "name" : "action-create-white", 121 - "rule" : ".device-desktop .phabricator-action-view:hover .action-create", 121 + "rule" : ".action-create-white, .device-desktop .phabricator-action-view:hover .action-create", 122 122 "hash" : "126f91b6c84a5f6d5b60b347b690d12c" 123 123 }, 124 124 "action-delete" : { ··· 133 133 }, 134 134 "action-delete-white" : { 135 135 "name" : "action-delete-white", 136 - "rule" : ".device-desktop .phabricator-action-view:hover .action-delete", 136 + "rule" : ".action-delete-white, .device-desktop .phabricator-action-view:hover .action-delete", 137 137 "hash" : "e773f5117a9a29f3fa338e7ef8dc1780" 138 138 }, 139 139 "action-disable" : { ··· 148 148 }, 149 149 "action-disable-white" : { 150 150 "name" : "action-disable-white", 151 - "rule" : ".device-desktop .phabricator-action-view:hover .action-disable", 151 + "rule" : ".action-disable-white, .device-desktop .phabricator-action-view:hover .action-disable", 152 152 "hash" : "eae52c680ce1bc0b529a76a200cc52df" 153 153 }, 154 154 "action-dislike" : { ··· 163 163 }, 164 164 "action-dislike-white" : { 165 165 "name" : "action-dislike-white", 166 - "rule" : ".device-desktop .phabricator-action-view:hover .action-dislike", 166 + "rule" : ".action-dislike-white, .device-desktop .phabricator-action-view:hover .action-dislike", 167 167 "hash" : "045543b094cdcd888d64860869cc6e5b" 168 168 }, 169 169 "action-download" : { ··· 178 178 }, 179 179 "action-download-white" : { 180 180 "name" : "action-download-white", 181 - "rule" : ".device-desktop .phabricator-action-view:hover .action-download", 181 + "rule" : ".action-download-white, .device-desktop .phabricator-action-view:hover .action-download", 182 182 "hash" : "cc5c770af0fd5a1097c743c99fd27985" 183 183 }, 184 184 "action-edit" : { ··· 193 193 }, 194 194 "action-edit-white" : { 195 195 "name" : "action-edit-white", 196 - "rule" : ".device-desktop .phabricator-action-view:hover .action-edit", 196 + "rule" : ".action-edit-white, .device-desktop .phabricator-action-view:hover .action-edit", 197 197 "hash" : "8c1e028cdcffd4b5f2b2b1ffbefd94aa" 198 198 }, 199 199 "action-enable" : { ··· 208 208 }, 209 209 "action-enable-white" : { 210 210 "name" : "action-enable-white", 211 - "rule" : ".device-desktop .phabricator-action-view:hover .action-enable", 211 + "rule" : ".action-enable-white, .device-desktop .phabricator-action-view:hover .action-enable", 212 212 "hash" : "455194cf17fcced25cbc0156951180fd" 213 213 }, 214 214 "action-file" : { ··· 223 223 }, 224 224 "action-file-white" : { 225 225 "name" : "action-file-white", 226 - "rule" : ".device-desktop .phabricator-action-view:hover .action-file", 226 + "rule" : ".action-file-white, .device-desktop .phabricator-action-view:hover .action-file", 227 227 "hash" : "fc348080a6fa3d845f8da0dba1f0accf" 228 228 }, 229 229 "action-flag" : { ··· 243 243 }, 244 244 "action-flag-0-white" : { 245 245 "name" : "action-flag-0-white", 246 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-0", 246 + "rule" : ".action-flag-0-white, .device-desktop .phabricator-action-view:hover .action-flag-0", 247 247 "hash" : "44e72a52052200846fcf3d7dd13d1247" 248 248 }, 249 249 "action-flag-1" : { ··· 258 258 }, 259 259 "action-flag-1-white" : { 260 260 "name" : "action-flag-1-white", 261 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-1", 261 + "rule" : ".action-flag-1-white, .device-desktop .phabricator-action-view:hover .action-flag-1", 262 262 "hash" : "83e63386c1b5fe0a2580c57dcd3d5bc8" 263 263 }, 264 264 "action-flag-2" : { ··· 273 273 }, 274 274 "action-flag-2-white" : { 275 275 "name" : "action-flag-2-white", 276 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-2", 276 + "rule" : ".action-flag-2-white, .device-desktop .phabricator-action-view:hover .action-flag-2", 277 277 "hash" : "86e4cdc53d9101f144455114ec01856b" 278 278 }, 279 279 "action-flag-3" : { ··· 288 288 }, 289 289 "action-flag-3-white" : { 290 290 "name" : "action-flag-3-white", 291 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-3", 291 + "rule" : ".action-flag-3-white, .device-desktop .phabricator-action-view:hover .action-flag-3", 292 292 "hash" : "de92148b46fa30ed3e5cfdc63c941213" 293 293 }, 294 294 "action-flag-4" : { ··· 303 303 }, 304 304 "action-flag-4-white" : { 305 305 "name" : "action-flag-4-white", 306 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-4", 306 + "rule" : ".action-flag-4-white, .device-desktop .phabricator-action-view:hover .action-flag-4", 307 307 "hash" : "832420753c9481e7fc0de1b16d465951" 308 308 }, 309 309 "action-flag-5" : { ··· 318 318 }, 319 319 "action-flag-5-white" : { 320 320 "name" : "action-flag-5-white", 321 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-5", 321 + "rule" : ".action-flag-5-white, .device-desktop .phabricator-action-view:hover .action-flag-5", 322 322 "hash" : "d80426ed6dad58d6b557adc3b08a35c2" 323 323 }, 324 324 "action-flag-6" : { ··· 333 333 }, 334 334 "action-flag-6-white" : { 335 335 "name" : "action-flag-6-white", 336 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-6", 336 + "rule" : ".action-flag-6-white, .device-desktop .phabricator-action-view:hover .action-flag-6", 337 337 "hash" : "40bf7e2b36e70d02fab3cdf7e7eece36" 338 338 }, 339 339 "action-flag-7" : { ··· 348 348 }, 349 349 "action-flag-7-white" : { 350 350 "name" : "action-flag-7-white", 351 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-7", 351 + "rule" : ".action-flag-7-white, .device-desktop .phabricator-action-view:hover .action-flag-7", 352 352 "hash" : "5972a5f1e3ecff9146727ebfb43c5956" 353 353 }, 354 354 "action-flag-ghost" : { ··· 363 363 }, 364 364 "action-flag-ghost-white" : { 365 365 "name" : "action-flag-ghost-white", 366 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag-ghost", 366 + "rule" : ".action-flag-ghost-white, .device-desktop .phabricator-action-view:hover .action-flag-ghost", 367 367 "hash" : "ff05197e8a66b1fb1037c93f3c52d866" 368 368 }, 369 369 "action-flag-grey" : { ··· 373 373 }, 374 374 "action-flag-white" : { 375 375 "name" : "action-flag-white", 376 - "rule" : ".device-desktop .phabricator-action-view:hover .action-flag", 376 + "rule" : ".action-flag-white, .device-desktop .phabricator-action-view:hover .action-flag", 377 377 "hash" : "bb03676086c8af46377bb61593af0baa" 378 378 }, 379 379 "action-folder-open" : { ··· 388 388 }, 389 389 "action-folder-open-white" : { 390 390 "name" : "action-folder-open-white", 391 - "rule" : ".device-desktop .phabricator-action-view:hover .action-folder-open", 391 + "rule" : ".action-folder-open-white, .device-desktop .phabricator-action-view:hover .action-folder-open", 392 392 "hash" : "5ccf5cfa0f446a522e55f64fe3ceed76" 393 393 }, 394 394 "action-fork" : { ··· 403 403 }, 404 404 "action-fork-white" : { 405 405 "name" : "action-fork-white", 406 - "rule" : ".device-desktop .phabricator-action-view:hover .action-fork", 406 + "rule" : ".action-fork-white, .device-desktop .phabricator-action-view:hover .action-fork", 407 407 "hash" : "68f97284072a6ff630261af74629c884" 408 408 }, 409 409 "action-herald" : { ··· 418 418 }, 419 419 "action-herald-white" : { 420 420 "name" : "action-herald-white", 421 - "rule" : ".device-desktop .phabricator-action-view:hover .action-herald", 421 + "rule" : ".action-herald-white, .device-desktop .phabricator-action-view:hover .action-herald", 422 422 "hash" : "a30bd0191721e4ab028338c4c7ebdfa8" 423 423 }, 424 424 "action-highlight" : { ··· 433 433 }, 434 434 "action-highlight-white" : { 435 435 "name" : "action-highlight-white", 436 - "rule" : ".device-desktop .phabricator-action-view:hover .action-highlight", 436 + "rule" : ".action-highlight-white, .device-desktop .phabricator-action-view:hover .action-highlight", 437 437 "hash" : "27e28bec94c1652eef5c556f23aa1dd6" 438 438 }, 439 439 "action-history" : { ··· 448 448 }, 449 449 "action-history-white" : { 450 450 "name" : "action-history-white", 451 - "rule" : ".device-desktop .phabricator-action-view:hover .action-history", 451 + "rule" : ".action-history-white, .device-desktop .phabricator-action-view:hover .action-history", 452 452 "hash" : "2c57ad5babe37b8335e88c5464c5529c" 453 453 }, 454 454 "action-image" : { ··· 463 463 }, 464 464 "action-image-white" : { 465 465 "name" : "action-image-white", 466 - "rule" : ".device-desktop .phabricator-action-view:hover .action-image", 466 + "rule" : ".action-image-white, .device-desktop .phabricator-action-view:hover .action-image", 467 467 "hash" : "66ee76f5242792c0c274980df9bd9d58" 468 468 }, 469 469 "action-like" : { ··· 478 478 }, 479 479 "action-like-white" : { 480 480 "name" : "action-like-white", 481 - "rule" : ".device-desktop .phabricator-action-view:hover .action-like", 481 + "rule" : ".action-like-white, .device-desktop .phabricator-action-view:hover .action-like", 482 482 "hash" : "bd1a5fad4c83353e476378fc1d99c6e1" 483 483 }, 484 484 "action-link" : { ··· 493 493 }, 494 494 "action-link-white" : { 495 495 "name" : "action-link-white", 496 - "rule" : ".device-desktop .phabricator-action-view:hover .action-link", 496 + "rule" : ".action-link-white, .device-desktop .phabricator-action-view:hover .action-link", 497 497 "hash" : "157c08f843f6f30cf3561349f8e4ddbd" 498 498 }, 499 499 "action-lint-info" : { ··· 508 508 }, 509 509 "action-lint-info-white" : { 510 510 "name" : "action-lint-info-white", 511 - "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-info", 511 + "rule" : ".action-lint-info-white, .device-desktop .phabricator-action-view:hover .action-lint-info", 512 512 "hash" : "cf5a05749979f6701d4b3de53acca500" 513 513 }, 514 514 "action-lint-ok" : { ··· 523 523 }, 524 524 "action-lint-ok-white" : { 525 525 "name" : "action-lint-ok-white", 526 - "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-ok", 526 + "rule" : ".action-lint-ok-white, .device-desktop .phabricator-action-view:hover .action-lint-ok", 527 527 "hash" : "faaa9e076d5012af17a73f9f09b6ede8" 528 528 }, 529 529 "action-lint-warning" : { ··· 538 538 }, 539 539 "action-lint-warning-white" : { 540 540 "name" : "action-lint-warning-white", 541 - "rule" : ".device-desktop .phabricator-action-view:hover .action-lint-warning", 541 + "rule" : ".action-lint-warning-white, .device-desktop .phabricator-action-view:hover .action-lint-warning", 542 542 "hash" : "4a13ffad1125caf3656a276e4c40c907" 543 543 }, 544 544 "action-lock" : { ··· 553 553 }, 554 554 "action-lock-white" : { 555 555 "name" : "action-lock-white", 556 - "rule" : ".device-desktop .phabricator-action-view:hover .action-lock", 556 + "rule" : ".action-lock-white, .device-desktop .phabricator-action-view:hover .action-lock", 557 557 "hash" : "1cd87a6ffac7f03535faa6109e69dcfa" 558 558 }, 559 559 "action-love" : { ··· 568 568 }, 569 569 "action-love-white" : { 570 570 "name" : "action-love-white", 571 - "rule" : ".device-desktop .phabricator-action-view:hover .action-love", 571 + "rule" : ".action-love-white, .device-desktop .phabricator-action-view:hover .action-love", 572 572 "hash" : "3fe85e0ad08e6f0151765ab5ce5624b0" 573 573 }, 574 574 "action-merge" : { ··· 583 583 }, 584 584 "action-merge-white" : { 585 585 "name" : "action-merge-white", 586 - "rule" : ".device-desktop .phabricator-action-view:hover .action-merge", 586 + "rule" : ".action-merge-white, .device-desktop .phabricator-action-view:hover .action-merge", 587 587 "hash" : "334f751f7a9531af3e383bce06a0a2ff" 588 588 }, 589 589 "action-message" : { ··· 598 598 }, 599 599 "action-message-white" : { 600 600 "name" : "action-message-white", 601 - "rule" : ".device-desktop .phabricator-action-view:hover .action-message", 601 + "rule" : ".action-message-white, .device-desktop .phabricator-action-view:hover .action-message", 602 602 "hash" : "d7ad1f04ffcd3e96cee0d81af509e77c" 603 603 }, 604 604 "action-meta-mta" : { ··· 613 613 }, 614 614 "action-meta-mta-white" : { 615 615 "name" : "action-meta-mta-white", 616 - "rule" : ".device-desktop .phabricator-action-view:hover .action-meta-mta", 616 + "rule" : ".action-meta-mta-white, .device-desktop .phabricator-action-view:hover .action-meta-mta", 617 617 "hash" : "0455c2a3f7111e88daec4ddd68c9528a" 618 618 }, 619 619 "action-move" : { ··· 628 628 }, 629 629 "action-move-white" : { 630 630 "name" : "action-move-white", 631 - "rule" : ".device-desktop .phabricator-action-view:hover .action-move", 631 + "rule" : ".action-move-white, .device-desktop .phabricator-action-view:hover .action-move", 632 632 "hash" : "eb654087894d3bc7229d17b221eafcf0" 633 633 }, 634 634 "action-new" : { ··· 643 643 }, 644 644 "action-new-white" : { 645 645 "name" : "action-new-white", 646 - "rule" : ".device-desktop .phabricator-action-view:hover .action-new", 646 + "rule" : ".action-new-white, .device-desktop .phabricator-action-view:hover .action-new", 647 647 "hash" : "21b047ec502a24eabe1f57fda5cd2fc1" 648 648 }, 649 649 "action-perflab" : { ··· 658 658 }, 659 659 "action-perflab-white" : { 660 660 "name" : "action-perflab-white", 661 - "rule" : ".device-desktop .phabricator-action-view:hover .action-perflab", 661 + "rule" : ".action-perflab-white, .device-desktop .phabricator-action-view:hover .action-perflab", 662 662 "hash" : "e00e31057d557047300da57a5d07837e" 663 663 }, 664 664 "action-preview" : { ··· 673 673 }, 674 674 "action-preview-white" : { 675 675 "name" : "action-preview-white", 676 - "rule" : ".device-desktop .phabricator-action-view:hover .action-preview", 676 + "rule" : ".action-preview-white, .device-desktop .phabricator-action-view:hover .action-preview", 677 677 "hash" : "c62768ba193052c527ce7d499fd9f662" 678 678 }, 679 679 "action-refresh" : { ··· 688 688 }, 689 689 "action-refresh-white" : { 690 690 "name" : "action-refresh-white", 691 - "rule" : ".device-desktop .phabricator-action-view:hover .action-refresh", 691 + "rule" : ".action-refresh-white, .device-desktop .phabricator-action-view:hover .action-refresh", 692 692 "hash" : "7800f18fbd6dde59e2ae91d695002318" 693 693 }, 694 694 "action-remove" : { ··· 703 703 }, 704 704 "action-remove-white" : { 705 705 "name" : "action-remove-white", 706 - "rule" : ".device-desktop .phabricator-action-view:hover .action-remove", 706 + "rule" : ".action-remove-white, .device-desktop .phabricator-action-view:hover .action-remove", 707 707 "hash" : "24542d8d3890c8e89b7d60d0efd99e9c" 708 708 }, 709 709 "action-search" : { ··· 718 718 }, 719 719 "action-search-white" : { 720 720 "name" : "action-search-white", 721 - "rule" : ".device-desktop .phabricator-action-view:hover .action-search", 721 + "rule" : ".action-search-white, .device-desktop .phabricator-action-view:hover .action-search", 722 722 "hash" : "1c1a7b4ac122c6ffa56edda3c7ce35b0" 723 723 }, 724 724 "action-start-sandcastle" : { ··· 733 733 }, 734 734 "action-start-sandcastle-white" : { 735 735 "name" : "action-start-sandcastle-white", 736 - "rule" : ".device-desktop .phabricator-action-view:hover .action-start-sandcastle", 736 + "rule" : ".action-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .action-start-sandcastle", 737 737 "hash" : "b99feb063a1e56833419119f426455f0" 738 738 }, 739 739 "action-subscribe-add" : { ··· 748 748 }, 749 749 "action-subscribe-add-white" : { 750 750 "name" : "action-subscribe-add-white", 751 - "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-add", 751 + "rule" : ".action-subscribe-add-white, .device-desktop .phabricator-action-view:hover .action-subscribe-add", 752 752 "hash" : "1173fbd24131329e2e0c81893c1bd412" 753 753 }, 754 754 "action-subscribe-auto" : { ··· 763 763 }, 764 764 "action-subscribe-auto-white" : { 765 765 "name" : "action-subscribe-auto-white", 766 - "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-auto", 766 + "rule" : ".action-subscribe-auto-white, .device-desktop .phabricator-action-view:hover .action-subscribe-auto", 767 767 "hash" : "8525c0d691c327ddb0500cc27bfa9822" 768 768 }, 769 769 "action-subscribe-delete" : { ··· 778 778 }, 779 779 "action-subscribe-delete-white" : { 780 780 "name" : "action-subscribe-delete-white", 781 - "rule" : ".device-desktop .phabricator-action-view:hover .action-subscribe-delete", 781 + "rule" : ".action-subscribe-delete-white, .device-desktop .phabricator-action-view:hover .action-subscribe-delete", 782 782 "hash" : "e9d5f98355e04b3404706581f6597569" 783 783 }, 784 784 "action-tag" : { ··· 793 793 }, 794 794 "action-tag-white" : { 795 795 "name" : "action-tag-white", 796 - "rule" : ".device-desktop .phabricator-action-view:hover .action-tag", 796 + "rule" : ".action-tag-white, .device-desktop .phabricator-action-view:hover .action-tag", 797 797 "hash" : "aed3d83123f33e69ae4b7338b23f7c9c" 798 798 }, 799 799 "action-transcript" : { ··· 808 808 }, 809 809 "action-transcript-white" : { 810 810 "name" : "action-transcript-white", 811 - "rule" : ".device-desktop .phabricator-action-view:hover .action-transcript", 811 + "rule" : ".action-transcript-white, .device-desktop .phabricator-action-view:hover .action-transcript", 812 812 "hash" : "e56f623fdf8f059bb80c24944dec6af6" 813 813 }, 814 814 "action-undo" : { ··· 823 823 }, 824 824 "action-undo-white" : { 825 825 "name" : "action-undo-white", 826 - "rule" : ".device-desktop .phabricator-action-view:hover .action-undo", 826 + "rule" : ".action-undo-white, .device-desktop .phabricator-action-view:hover .action-undo", 827 827 "hash" : "97bd8f43a4db2a97d53975ce42a6232d" 828 828 }, 829 829 "action-unlock" : { ··· 838 838 }, 839 839 "action-unlock-white" : { 840 840 "name" : "action-unlock-white", 841 - "rule" : ".device-desktop .phabricator-action-view:hover .action-unlock", 841 + "rule" : ".action-unlock-white, .device-desktop .phabricator-action-view:hover .action-unlock", 842 842 "hash" : "ceb342bc0a17310cf58c90fd3bb53ce1" 843 843 }, 844 844 "action-unmerge" : { ··· 853 853 }, 854 854 "action-unmerge-white" : { 855 855 "name" : "action-unmerge-white", 856 - "rule" : ".device-desktop .phabricator-action-view:hover .action-unmerge", 856 + "rule" : ".action-unmerge-white, .device-desktop .phabricator-action-view:hover .action-unmerge", 857 857 "hash" : "574e4176d9c2243050958182e487f239" 858 858 }, 859 859 "action-unpublish" : { ··· 868 868 }, 869 869 "action-unpublish-white" : { 870 870 "name" : "action-unpublish-white", 871 - "rule" : ".device-desktop .phabricator-action-view:hover .action-unpublish", 871 + "rule" : ".action-unpublish-white, .device-desktop .phabricator-action-view:hover .action-unpublish", 872 872 "hash" : "a37305e8ea29bc41d83d6b5a11aebe9f" 873 873 }, 874 874 "action-warning" : { ··· 883 883 }, 884 884 "action-warning-white" : { 885 885 "name" : "action-warning-white", 886 - "rule" : ".device-desktop .phabricator-action-view:hover .action-warning", 886 + "rule" : ".action-warning-white, .device-desktop .phabricator-action-view:hover .action-warning", 887 887 "hash" : "c30c2e287bab73ca454712de6cbe2502" 888 888 }, 889 889 "action-world" : { ··· 898 898 }, 899 899 "action-world-white" : { 900 900 "name" : "action-world-white", 901 - "rule" : ".device-desktop .phabricator-action-view:hover .action-world", 901 + "rule" : ".action-world-white, .device-desktop .phabricator-action-view:hover .action-world", 902 902 "hash" : "401df878395c514a443720a8acd1ab63" 903 903 }, 904 904 "remarkup-assist-text_b" : {
+3 -3
src/applications/pholio/controller/PholioMockViewController.php
··· 201 201 continue; 202 202 } 203 203 204 - $title = $xaction->getTitle(); 205 - 206 204 $event = id(new PhabricatorTimelineEventView()) 207 205 ->setUserHandle($xaction->getHandle($xaction->getAuthorPHID())) 208 - ->setTitle($title); 206 + ->setIcon($xaction->getIcon()) 207 + ->setColor($xaction->getColor()) 208 + ->setTitle($xaction->getTitle()); 209 209 210 210 if ($xaction->getComment()) { 211 211 $event->appendChild(
+11
src/applications/transactions/constants/PhabricatorTransactions.php
··· 7 7 const TYPE_VIEW_POLICY = 'core:view-policy'; 8 8 const TYPE_EDIT_POLICY = 'core:edit-policy'; 9 9 10 + const COLOR_RED = 'red'; 11 + const COLOR_ORANGE = 'orange'; 12 + const COLOR_YELLOW = 'yellow'; 13 + const COLOR_GREEN = 'green'; 14 + const COLOR_SKY = 'sky'; 15 + const COLOR_BLUE = 'blue'; 16 + const COLOR_INDIGO = 'indigo'; 17 + const COLOR_VIOLET = 'violet'; 18 + const COLOR_GREY = 'grey'; 19 + const COLOR_BLACK = 'black'; 20 + 10 21 }
+8
src/applications/transactions/storage/PhabricatorApplicationTransaction.php
··· 119 119 return implode(', ', $links); 120 120 } 121 121 122 + public function getIcon() { 123 + return null; 124 + } 125 + 126 + public function getColor() { 127 + return null; 128 + } 129 + 122 130 public function shouldHide() { 123 131 switch ($this->getTransactionType()) { 124 132 case PhabricatorTransactions::TYPE_VIEW_POLICY:
+30 -10
src/applications/uiexample/examples/PhabricatorTimelineExample.php
··· 43 43 $events[] = id(new PhabricatorTimelineEventView()) 44 44 ->setUserHandle($handle) 45 45 ->setTitle('Major Red Event') 46 + ->setIcon('love') 46 47 ->appendChild('This event is red!') 47 - ->addClass('phabricator-timeline-red'); 48 + ->setColor(PhabricatorTransactions::COLOR_RED); 48 49 49 50 $events[] = id(new PhabricatorTimelineEventView()) 50 51 ->setUserHandle($handle) 51 52 ->setTitle('Minor Red Event') 52 - ->addClass('phabricator-timeline-red'); 53 + ->setColor(PhabricatorTransactions::COLOR_RED); 53 54 54 55 $events[] = id(new PhabricatorTimelineEventView()) 55 56 ->setUserHandle($handle) ··· 58 59 $events[] = id(new PhabricatorTimelineEventView()) 59 60 ->setUserHandle($handle) 60 61 ->setTitle('Minor Red Event') 61 - ->addClass('phabricator-timeline-red'); 62 + ->setColor(PhabricatorTransactions::COLOR_RED); 62 63 63 64 $events[] = id(new PhabricatorTimelineEventView()) 64 65 ->setUserHandle($handle) ··· 66 67 67 68 $events[] = id(new PhabricatorTimelineEventView()) 68 69 ->setUserHandle($handle) 69 - ->setTitle('Unstyled event') 70 - ->appendChild('This event disables standard title and content styling.') 71 - ->setDisableStandardTitleStyle(true) 72 - ->setDisableStandardContentStyle(true); 70 + ->setTitle('Major Green Event') 71 + ->appendChild('This event is green!') 72 + ->setColor(PhabricatorTransactions::COLOR_GREEN); 73 + 74 + $colors = array( 75 + PhabricatorTransactions::COLOR_RED, 76 + PhabricatorTransactions::COLOR_ORANGE, 77 + PhabricatorTransactions::COLOR_YELLOW, 78 + PhabricatorTransactions::COLOR_GREEN, 79 + PhabricatorTransactions::COLOR_SKY, 80 + PhabricatorTransactions::COLOR_BLUE, 81 + PhabricatorTransactions::COLOR_INDIGO, 82 + PhabricatorTransactions::COLOR_VIOLET, 83 + PhabricatorTransactions::COLOR_GREY, 84 + PhabricatorTransactions::COLOR_BLACK, 85 + ); 73 86 74 87 $events[] = id(new PhabricatorTimelineEventView()) 75 88 ->setUserHandle($handle) 76 - ->setTitle('Major Green Event') 77 - ->appendChild('This event is green!') 78 - ->addClass('phabricator-timeline-green'); 89 + ->setTitle(phutil_escape_html("Colorless")) 90 + ->setIcon('lock'); 91 + 92 + foreach ($colors as $color) { 93 + $events[] = id(new PhabricatorTimelineEventView()) 94 + ->setUserHandle($handle) 95 + ->setTitle(phutil_escape_html("Color '{$color}'")) 96 + ->setIcon('lock') 97 + ->setColor($color); 98 + } 79 99 80 100 $timeline = id(new PhabricatorTimelineView()); 81 101 foreach ($events as $event) {
+1
src/infrastructure/celerity/CeleritySpriteGenerator.php
··· 37 37 38 38 if ($color == 'white') { 39 39 $sprite->setTargetCSS( 40 + '.action-'.$icon.$suffix.', '. 40 41 '.device-desktop .phabricator-action-view:hover .action-'.$icon); 41 42 } else { 42 43 $sprite->setTargetCSS('.action-'.$icon.$suffix);
+30 -13
src/view/layout/PhabricatorTimelineEventView.php
··· 4 4 5 5 private $userHandle; 6 6 private $title; 7 + private $icon; 8 + private $color; 7 9 private $classes = array(); 8 - private $disableStandardTitleStyle; 9 - private $disableStandardContentStyle; 10 10 11 11 public function setUserHandle(PhabricatorObjectHandle $handle) { 12 12 $this->userHandle = $handle; ··· 23 23 return $this; 24 24 } 25 25 26 - public function setDisableStandardTitleStyle($disable) { 27 - $this->disableStandardTitleStyle = $disable; 26 + public function setIcon($icon) { 27 + $this->icon = $icon; 28 28 return $this; 29 29 } 30 30 31 - public function setDisableStandardContentStyle($disable) { 32 - $this->disableStandardContentStyle = $disable; 31 + public function setColor($color) { 32 + $this->color = $color; 33 33 return $this; 34 34 } 35 35 ··· 44 44 if ($title !== null) { 45 45 $title_classes = array(); 46 46 $title_classes[] = 'phabricator-timeline-title'; 47 - if (!$this->disableStandardTitleStyle) { 48 - $title_classes[] = 'phabricator-timeline-standard-title'; 47 + 48 + $icon = null; 49 + if ($this->icon) { 50 + $title_classes[] = 'phabricator-timeline-title-with-icon'; 51 + 52 + $icon = phutil_render_tag( 53 + 'span', 54 + array( 55 + 'class' => 'phabricator-timeline-icon-fill', 56 + ), 57 + phutil_render_tag( 58 + 'span', 59 + array( 60 + 'class' => 'phabricator-timeline-icon sprite-icon '. 61 + 'action-'.$this->icon.'-white', 62 + ), 63 + '')); 49 64 } 50 65 51 66 $title = phutil_render_tag( ··· 53 68 array( 54 69 'class' => implode(' ', $title_classes), 55 70 ), 56 - $title); 71 + $icon.$title); 57 72 } 58 73 59 74 $wedge = phutil_render_tag( ··· 74 89 75 90 $content_classes = array(); 76 91 $content_classes[] = 'phabricator-timeline-content'; 77 - if (!$this->disableStandardContentStyle) { 78 - $content_classes[] = 'phabricator-timeline-standard-content'; 79 - } 80 92 81 93 $classes = array(); 82 94 $classes[] = 'phabricator-timeline-event-view'; ··· 111 123 $image.$wedge.$title); 112 124 } 113 125 126 + $outer_classes = $this->classes; 127 + if ($this->color) { 128 + $outer_classes[] = 'phabricator-timeline-'.$this->color; 129 + } 130 + 114 131 return phutil_render_tag( 115 132 'div', 116 133 array( 117 - 'class' => implode(' ', $this->classes), 134 + 'class' => implode(' ', $outer_classes), 118 135 ), 119 136 phutil_render_tag( 120 137 'div',
+123 -37
webroot/rsrc/css/layout/phabricator-timeline-view.css
··· 5 5 .phabricator-timeline-event-view { 6 6 border-width: 0 0 0 3px; 7 7 border-style: solid; 8 - border-color: #eaeaea; 8 + border-color: #c0c5d1; 9 9 } 10 10 11 11 .device-desktop .phabricator-timeline-event-view { ··· 19 19 border-right-width: 0; 20 20 } 21 21 22 - .device-desktop .phabricator-timeline-major-event { 22 + .device-desktop .phabricator-timeline-major-event, 23 + .device-desktop .phabricator-timeline-minor-event { 23 24 border-right-width: 3px; 24 25 } 25 26 26 27 .device-desktop .phabricator-timeline-wedge { 27 - border-bottom: 3px solid #eaeaea; 28 + border-bottom: 3px solid #c0c5d1; 28 29 position: absolute; 29 30 width: 10px; 30 31 } ··· 34 35 min-height: 70px; 35 36 } 36 37 37 - .phabricator-timeline-major-event .phabricator-timeline-content { 38 + .phabricator-timeline-content { 38 39 border-style: solid; 39 - border-color: #eaeaea; 40 + border-color: #c0c5d1; 40 41 border-width: 1px 0; 41 42 } 42 43 43 44 .device-desktop .phabricator-timeline-minor-event 44 45 .phabricator-timeline-content { 45 - margin-left: 35px; 46 - padding: 5px 0; 47 - min-height: 25px; 46 + min-height: 23px; 48 47 } 49 48 50 - .device-desktop .phabricator-timeline-title { 51 - line-height: 25px; 49 + .phabricator-timeline-title { 50 + line-height: 23px; 51 + min-height: 23px; 52 + position: relative; 52 53 } 53 54 55 + .device-desktop .phabricator-timeline-wedge { 56 + left: -10px; 57 + } 54 58 .device-desktop .phabricator-timeline-major-event .phabricator-timeline-wedge { 55 - left: -10px; 56 59 top: 34px; 57 60 } 58 61 59 62 .device-desktop .phabricator-timeline-minor-event .phabricator-timeline-wedge { 60 - left: 0px; 61 - top: 17px; 63 + top: 12px; 62 64 } 63 65 64 66 .phabricator-timeline-image { 65 - background: #eaeaea; 67 + background: #c0c5d1; 66 68 background-repeat: no-repeat; 67 69 position: absolute; 68 70 } ··· 78 80 width: 25px; 79 81 height: 25px; 80 82 background-size: 25px auto; 81 - top: 5px; 82 - left: 10px; 83 + left: -35px; 83 84 } 84 85 85 - .device-desktop .phabricator-timeline-major-event 86 - .phabricator-timeline-standard-title { 86 + .phabricator-timeline-major-event .phabricator-timeline-title { 87 87 background: #f7f7f7; 88 88 } 89 89 90 - .device-desktop .phabricator-timeline-standard-title { 90 + .phabricator-timeline-title { 91 91 padding: 0 5px; 92 92 } 93 93 94 - .phabricator-timeline-major-event .phabricator-timeline-standard-content 95 - .phabricator-timeline-core-content { 96 - padding: 5px; 97 - } 98 - 99 - 100 - .phabricator-timeline-red .phabricator-timeline-border { 101 - border-color: #dd0000; 94 + .phabricator-timeline-title-with-icon { 95 + padding-left: 28px; 102 96 } 103 97 104 - .phabricator-timeline-green .phabricator-timeline-border { 105 - border-color: #009966; 98 + .phabricator-timeline-major-event .phabricator-timeline-content 99 + .phabricator-timeline-core-content { 100 + padding: 5px; 106 101 } 107 102 108 103 .device .phabricator-timeline-event-view { 109 - min-height: 25px; 104 + min-height: 23px; 110 105 position: relative; 111 106 margin-left: 3px; 112 107 margin-right: 3px; ··· 119 114 display: none; 120 115 } 121 116 122 - .device .phabricator-timeline-title { 123 - line-height: 25px; 124 - min-height: 25px; 125 - background: #f7f7f7; 126 - padding: 0 5px; 127 - } 128 - 129 117 .device .phabricator-timeline-spacer { 130 118 min-height: 8px; 131 119 border-width: 0; 132 120 } 121 + 122 + .phabricator-timeline-icon-fill { 123 + position: absolute; 124 + width: 25px; 125 + height: 25px; 126 + background-color: #c0c5d1; 127 + top: -1px; 128 + left: -3px; 129 + } 130 + 131 + .phabricator-timeline-icon { 132 + position: absolute; 133 + left: 6px; 134 + top: 5px; 135 + height: 14px; 136 + width: 14px; 137 + } 138 + 139 + .phabricator-timeline-red .phabricator-timeline-border { 140 + border-color: #cc0000; 141 + } 142 + 143 + .phabricator-timeline-orange .phabricator-timeline-border { 144 + border-color: #cc7300; 145 + } 146 + 147 + .phabricator-timeline-yellow .phabricator-timeline-border { 148 + border-color: #ccc000; 149 + } 150 + 151 + .phabricator-timeline-green .phabricator-timeline-border { 152 + border-color: #009b2d; 153 + } 154 + 155 + .phabricator-timeline-sky .phabricator-timeline-border { 156 + border-color: #6498cf; 157 + } 158 + 159 + .phabricator-timeline-blue .phabricator-timeline-border { 160 + border-color: #00659a; 161 + } 162 + 163 + .phabricator-timeline-indigo .phabricator-timeline-border { 164 + border-color: #3a00cc; 165 + } 166 + 167 + .phabricator-timeline-violet .phabricator-timeline-border { 168 + border-color: #67009b; 169 + } 170 + 171 + .phabricator-timeline-grey .phabricator-timeline-border { 172 + border-color: #999999; 173 + } 174 + 175 + .phabricator-timeline-black .phabricator-timeline-border { 176 + border-color: #333333; 177 + } 178 + 179 + 180 + .phabricator-timeline-red .phabricator-timeline-icon-fill { 181 + background-color: #cc0000; 182 + } 183 + 184 + .phabricator-timeline-orange .phabricator-timeline-icon-fill { 185 + background-color: #cc7300; 186 + } 187 + 188 + .phabricator-timeline-yellow .phabricator-timeline-icon-fill { 189 + background-color: #ccc000; 190 + } 191 + 192 + .phabricator-timeline-green .phabricator-timeline-icon-fill { 193 + background-color: #009b2d; 194 + } 195 + 196 + .phabricator-timeline-sky .phabricator-timeline-icon-fill { 197 + background-color: #6498cf; 198 + } 199 + 200 + .phabricator-timeline-blue .phabricator-timeline-icon-fill { 201 + background-color: #00659a; 202 + } 203 + 204 + .phabricator-timeline-indigo .phabricator-timeline-icon-fill { 205 + background-color: #3a00cc; 206 + } 207 + 208 + .phabricator-timeline-violet .phabricator-timeline-icon-fill { 209 + background-color: #67009b; 210 + } 211 + 212 + .phabricator-timeline-grey .phabricator-timeline-icon-fill { 213 + background-color: #999999; 214 + } 215 + 216 + .phabricator-timeline-black .phabricator-timeline-icon-fill { 217 + background-color: #333333; 218 + }
+60 -60
webroot/rsrc/css/sprite-icon.css
··· 498 498 background-position: -105px -120px; 499 499 } 500 500 501 - .device-desktop .phabricator-action-view:hover .action-arrow_left { 501 + .action-arrow_left-white, .device-desktop .phabricator-action-view:hover .action-arrow_left { 502 502 background-position: -120px -120px; 503 503 } 504 504 505 - .device-desktop .phabricator-action-view:hover .action-arrow_right { 505 + .action-arrow_right-white, .device-desktop .phabricator-action-view:hover .action-arrow_right { 506 506 background-position: -135px -120px; 507 507 } 508 508 509 - .device-desktop .phabricator-action-view:hover .action-attach { 509 + .action-attach-white, .device-desktop .phabricator-action-view:hover .action-attach { 510 510 background-position: -150px -120px; 511 511 } 512 512 513 - .device-desktop .phabricator-action-view:hover .action-blame { 513 + .action-blame-white, .device-desktop .phabricator-action-view:hover .action-blame { 514 514 background-position: -165px -120px; 515 515 } 516 516 517 - .device-desktop .phabricator-action-view:hover .action-check { 517 + .action-check-white, .device-desktop .phabricator-action-view:hover .action-check { 518 518 background-position: -180px -120px; 519 519 } 520 520 521 - .device-desktop .phabricator-action-view:hover .action-comment { 521 + .action-comment-white, .device-desktop .phabricator-action-view:hover .action-comment { 522 522 background-position: -195px -120px; 523 523 } 524 524 525 - .device-desktop .phabricator-action-view:hover .action-computer { 525 + .action-computer-white, .device-desktop .phabricator-action-view:hover .action-computer { 526 526 background-position: 0px -135px; 527 527 } 528 528 529 - .device-desktop .phabricator-action-view:hover .action-create { 529 + .action-create-white, .device-desktop .phabricator-action-view:hover .action-create { 530 530 background-position: -15px -135px; 531 531 } 532 532 533 - .device-desktop .phabricator-action-view:hover .action-delete { 533 + .action-delete-white, .device-desktop .phabricator-action-view:hover .action-delete { 534 534 background-position: -30px -135px; 535 535 } 536 536 537 - .device-desktop .phabricator-action-view:hover .action-disable { 537 + .action-disable-white, .device-desktop .phabricator-action-view:hover .action-disable { 538 538 background-position: -45px -135px; 539 539 } 540 540 541 - .device-desktop .phabricator-action-view:hover .action-dislike { 541 + .action-dislike-white, .device-desktop .phabricator-action-view:hover .action-dislike { 542 542 background-position: -60px -135px; 543 543 } 544 544 545 - .device-desktop .phabricator-action-view:hover .action-download { 545 + .action-download-white, .device-desktop .phabricator-action-view:hover .action-download { 546 546 background-position: -75px -135px; 547 547 } 548 548 549 - .device-desktop .phabricator-action-view:hover .action-edit { 549 + .action-edit-white, .device-desktop .phabricator-action-view:hover .action-edit { 550 550 background-position: -90px -135px; 551 551 } 552 552 553 - .device-desktop .phabricator-action-view:hover .action-enable { 553 + .action-enable-white, .device-desktop .phabricator-action-view:hover .action-enable { 554 554 background-position: -105px -135px; 555 555 } 556 556 557 - .device-desktop .phabricator-action-view:hover .action-file { 557 + .action-file-white, .device-desktop .phabricator-action-view:hover .action-file { 558 558 background-position: -120px -135px; 559 559 } 560 560 561 - .device-desktop .phabricator-action-view:hover .action-flag-0 { 561 + .action-flag-0-white, .device-desktop .phabricator-action-view:hover .action-flag-0 { 562 562 background-position: -135px -135px; 563 563 } 564 564 565 - .device-desktop .phabricator-action-view:hover .action-flag-1 { 565 + .action-flag-1-white, .device-desktop .phabricator-action-view:hover .action-flag-1 { 566 566 background-position: -150px -135px; 567 567 } 568 568 569 - .device-desktop .phabricator-action-view:hover .action-flag-2 { 569 + .action-flag-2-white, .device-desktop .phabricator-action-view:hover .action-flag-2 { 570 570 background-position: -165px -135px; 571 571 } 572 572 573 - .device-desktop .phabricator-action-view:hover .action-flag-3 { 573 + .action-flag-3-white, .device-desktop .phabricator-action-view:hover .action-flag-3 { 574 574 background-position: -180px -135px; 575 575 } 576 576 577 - .device-desktop .phabricator-action-view:hover .action-flag-4 { 577 + .action-flag-4-white, .device-desktop .phabricator-action-view:hover .action-flag-4 { 578 578 background-position: -195px -135px; 579 579 } 580 580 581 - .device-desktop .phabricator-action-view:hover .action-flag-5 { 581 + .action-flag-5-white, .device-desktop .phabricator-action-view:hover .action-flag-5 { 582 582 background-position: 0px -150px; 583 583 } 584 584 585 - .device-desktop .phabricator-action-view:hover .action-flag-6 { 585 + .action-flag-6-white, .device-desktop .phabricator-action-view:hover .action-flag-6 { 586 586 background-position: -15px -150px; 587 587 } 588 588 589 - .device-desktop .phabricator-action-view:hover .action-flag-7 { 589 + .action-flag-7-white, .device-desktop .phabricator-action-view:hover .action-flag-7 { 590 590 background-position: -30px -150px; 591 591 } 592 592 593 - .device-desktop .phabricator-action-view:hover .action-flag-ghost { 593 + .action-flag-ghost-white, .device-desktop .phabricator-action-view:hover .action-flag-ghost { 594 594 background-position: -45px -150px; 595 595 } 596 596 597 - .device-desktop .phabricator-action-view:hover .action-flag { 597 + .action-flag-white, .device-desktop .phabricator-action-view:hover .action-flag { 598 598 background-position: -60px -150px; 599 599 } 600 600 601 - .device-desktop .phabricator-action-view:hover .action-folder-open { 601 + .action-folder-open-white, .device-desktop .phabricator-action-view:hover .action-folder-open { 602 602 background-position: -75px -150px; 603 603 } 604 604 605 - .device-desktop .phabricator-action-view:hover .action-fork { 605 + .action-fork-white, .device-desktop .phabricator-action-view:hover .action-fork { 606 606 background-position: -90px -150px; 607 607 } 608 608 609 - .device-desktop .phabricator-action-view:hover .action-herald { 609 + .action-herald-white, .device-desktop .phabricator-action-view:hover .action-herald { 610 610 background-position: -105px -150px; 611 611 } 612 612 613 - .device-desktop .phabricator-action-view:hover .action-highlight { 613 + .action-highlight-white, .device-desktop .phabricator-action-view:hover .action-highlight { 614 614 background-position: -120px -150px; 615 615 } 616 616 617 - .device-desktop .phabricator-action-view:hover .action-history { 617 + .action-history-white, .device-desktop .phabricator-action-view:hover .action-history { 618 618 background-position: -135px -150px; 619 619 } 620 620 621 - .device-desktop .phabricator-action-view:hover .action-image { 621 + .action-image-white, .device-desktop .phabricator-action-view:hover .action-image { 622 622 background-position: -150px -150px; 623 623 } 624 624 625 - .device-desktop .phabricator-action-view:hover .action-like { 625 + .action-like-white, .device-desktop .phabricator-action-view:hover .action-like { 626 626 background-position: -165px -150px; 627 627 } 628 628 629 - .device-desktop .phabricator-action-view:hover .action-link { 629 + .action-link-white, .device-desktop .phabricator-action-view:hover .action-link { 630 630 background-position: -180px -150px; 631 631 } 632 632 633 - .device-desktop .phabricator-action-view:hover .action-lint-info { 633 + .action-lint-info-white, .device-desktop .phabricator-action-view:hover .action-lint-info { 634 634 background-position: 0px -165px; 635 635 } 636 636 637 - .device-desktop .phabricator-action-view:hover .action-lint-ok { 637 + .action-lint-ok-white, .device-desktop .phabricator-action-view:hover .action-lint-ok { 638 638 background-position: -15px -165px; 639 639 } 640 640 641 - .device-desktop .phabricator-action-view:hover .action-lint-warning { 641 + .action-lint-warning-white, .device-desktop .phabricator-action-view:hover .action-lint-warning { 642 642 background-position: -30px -165px; 643 643 } 644 644 645 - .device-desktop .phabricator-action-view:hover .action-lock { 645 + .action-lock-white, .device-desktop .phabricator-action-view:hover .action-lock { 646 646 background-position: -45px -165px; 647 647 } 648 648 649 - .device-desktop .phabricator-action-view:hover .action-love { 649 + .action-love-white, .device-desktop .phabricator-action-view:hover .action-love { 650 650 background-position: -60px -165px; 651 651 } 652 652 653 - .device-desktop .phabricator-action-view:hover .action-merge { 653 + .action-merge-white, .device-desktop .phabricator-action-view:hover .action-merge { 654 654 background-position: -75px -165px; 655 655 } 656 656 657 - .device-desktop .phabricator-action-view:hover .action-message { 657 + .action-message-white, .device-desktop .phabricator-action-view:hover .action-message { 658 658 background-position: -90px -165px; 659 659 } 660 660 661 - .device-desktop .phabricator-action-view:hover .action-meta-mta { 661 + .action-meta-mta-white, .device-desktop .phabricator-action-view:hover .action-meta-mta { 662 662 background-position: -105px -165px; 663 663 } 664 664 665 - .device-desktop .phabricator-action-view:hover .action-move { 665 + .action-move-white, .device-desktop .phabricator-action-view:hover .action-move { 666 666 background-position: -120px -165px; 667 667 } 668 668 669 - .device-desktop .phabricator-action-view:hover .action-new { 669 + .action-new-white, .device-desktop .phabricator-action-view:hover .action-new { 670 670 background-position: -135px -165px; 671 671 } 672 672 673 - .device-desktop .phabricator-action-view:hover .action-perflab { 673 + .action-perflab-white, .device-desktop .phabricator-action-view:hover .action-perflab { 674 674 background-position: -150px -165px; 675 675 } 676 676 677 - .device-desktop .phabricator-action-view:hover .action-preview { 677 + .action-preview-white, .device-desktop .phabricator-action-view:hover .action-preview { 678 678 background-position: -165px -165px; 679 679 } 680 680 681 - .device-desktop .phabricator-action-view:hover .action-refresh { 681 + .action-refresh-white, .device-desktop .phabricator-action-view:hover .action-refresh { 682 682 background-position: -180px -165px; 683 683 } 684 684 685 - .device-desktop .phabricator-action-view:hover .action-remove { 685 + .action-remove-white, .device-desktop .phabricator-action-view:hover .action-remove { 686 686 background-position: 0px -180px; 687 687 } 688 688 689 - .device-desktop .phabricator-action-view:hover .action-search { 689 + .action-search-white, .device-desktop .phabricator-action-view:hover .action-search { 690 690 background-position: -15px -180px; 691 691 } 692 692 693 - .device-desktop .phabricator-action-view:hover .action-start-sandcastle { 693 + .action-start-sandcastle-white, .device-desktop .phabricator-action-view:hover .action-start-sandcastle { 694 694 background-position: -30px -180px; 695 695 } 696 696 697 - .device-desktop .phabricator-action-view:hover .action-subscribe-add { 697 + .action-subscribe-add-white, .device-desktop .phabricator-action-view:hover .action-subscribe-add { 698 698 background-position: -45px -180px; 699 699 } 700 700 701 - .device-desktop .phabricator-action-view:hover .action-subscribe-auto { 701 + .action-subscribe-auto-white, .device-desktop .phabricator-action-view:hover .action-subscribe-auto { 702 702 background-position: -60px -180px; 703 703 } 704 704 705 - .device-desktop .phabricator-action-view:hover .action-subscribe-delete { 705 + .action-subscribe-delete-white, .device-desktop .phabricator-action-view:hover .action-subscribe-delete { 706 706 background-position: -75px -180px; 707 707 } 708 708 709 - .device-desktop .phabricator-action-view:hover .action-tag { 709 + .action-tag-white, .device-desktop .phabricator-action-view:hover .action-tag { 710 710 background-position: -90px -180px; 711 711 } 712 712 713 - .device-desktop .phabricator-action-view:hover .action-transcript { 713 + .action-transcript-white, .device-desktop .phabricator-action-view:hover .action-transcript { 714 714 background-position: -105px -180px; 715 715 } 716 716 717 - .device-desktop .phabricator-action-view:hover .action-undo { 717 + .action-undo-white, .device-desktop .phabricator-action-view:hover .action-undo { 718 718 background-position: -120px -180px; 719 719 } 720 720 721 - .device-desktop .phabricator-action-view:hover .action-unlock { 721 + .action-unlock-white, .device-desktop .phabricator-action-view:hover .action-unlock { 722 722 background-position: -135px -180px; 723 723 } 724 724 725 - .device-desktop .phabricator-action-view:hover .action-unmerge { 725 + .action-unmerge-white, .device-desktop .phabricator-action-view:hover .action-unmerge { 726 726 background-position: -150px -180px; 727 727 } 728 728 729 - .device-desktop .phabricator-action-view:hover .action-unpublish { 729 + .action-unpublish-white, .device-desktop .phabricator-action-view:hover .action-unpublish { 730 730 background-position: -165px -180px; 731 731 } 732 732 733 - .device-desktop .phabricator-action-view:hover .action-warning { 733 + .action-warning-white, .device-desktop .phabricator-action-view:hover .action-warning { 734 734 background-position: -180px -180px; 735 735 } 736 736 737 - .device-desktop .phabricator-action-view:hover .action-world { 737 + .action-world-white, .device-desktop .phabricator-action-view:hover .action-world { 738 738 background-position: 0px -195px; 739 739 } 740 740