1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-29 00:40:57 +01:00

Refresh Feed Design

Summary: Refreshes feed's design a bit, adds app icons, works nicer on mobile.

Test Plan: Tested many feed stories, not sure I got them all, but seems fine.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5673
This commit is contained in:
Chad Little 2013-04-13 09:09:42 -07:00
parent 4bbebc06cf
commit 6229b7bd88
29 changed files with 1067 additions and 1024 deletions

File diff suppressed because it is too large Load diff

View file

@ -1,254 +1,254 @@
{ {
"version" : 1, "version" : 1,
"sprites" : { "sprites" : {
"app-adventure-dark" : { "apps-adventure-dark" : {
"name" : "app-adventure-dark", "name" : "apps-adventure-dark",
"rule" : ".app-adventure-dark", "rule" : ".apps-adventure-dark",
"hash" : "fb4a520656748f4512ce1bb0c05f8e91" "hash" : "fb4a520656748f4512ce1bb0c05f8e91"
}, },
"app-application-dark" : { "apps-application-dark" : {
"name" : "app-application-dark", "name" : "apps-application-dark",
"rule" : ".app-application-dark", "rule" : ".apps-application-dark",
"hash" : "60e228106718bf6f3ee5024400d31f24" "hash" : "60e228106718bf6f3ee5024400d31f24"
}, },
"app-audit-dark" : { "apps-audit-dark" : {
"name" : "app-audit-dark", "name" : "apps-audit-dark",
"rule" : ".app-audit-dark", "rule" : ".apps-audit-dark",
"hash" : "38339b9cc4e39cbbbea36dcf039873bb" "hash" : "38339b9cc4e39cbbbea36dcf039873bb"
}, },
"app-calendar-dark" : { "apps-calendar-dark" : {
"name" : "app-calendar-dark", "name" : "apps-calendar-dark",
"rule" : ".app-calendar-dark", "rule" : ".apps-calendar-dark",
"hash" : "756d60566639ad1424444436a95c6a3f" "hash" : "756d60566639ad1424444436a95c6a3f"
}, },
"app-chatlog-dark" : { "apps-chatlog-dark" : {
"name" : "app-chatlog-dark", "name" : "apps-chatlog-dark",
"rule" : ".app-chatlog-dark", "rule" : ".apps-chatlog-dark",
"hash" : "339c4ddd72761c8cd3b9f9adbe1b0e09" "hash" : "339c4ddd72761c8cd3b9f9adbe1b0e09"
}, },
"app-conduit-dark" : { "apps-conduit-dark" : {
"name" : "app-conduit-dark", "name" : "apps-conduit-dark",
"rule" : ".app-conduit-dark", "rule" : ".apps-conduit-dark",
"hash" : "01fba8ca32f1cfefb3516b45c9d28b40" "hash" : "01fba8ca32f1cfefb3516b45c9d28b40"
}, },
"app-conpherence-dark" : { "apps-conpherence-dark" : {
"name" : "app-conpherence-dark", "name" : "apps-conpherence-dark",
"rule" : ".app-conpherence-dark", "rule" : ".apps-conpherence-dark",
"hash" : "dbb6fdd5f082a604b4ef10b7eeedbfa2" "hash" : "dbb6fdd5f082a604b4ef10b7eeedbfa2"
}, },
"app-countdown-dark" : { "apps-countdown-dark" : {
"name" : "app-countdown-dark", "name" : "apps-countdown-dark",
"rule" : ".app-countdown-dark", "rule" : ".apps-countdown-dark",
"hash" : "625f2589ee491aead58aaa5b965a7451" "hash" : "625f2589ee491aead58aaa5b965a7451"
}, },
"app-daemon-dark" : { "apps-daemon-dark" : {
"name" : "app-daemon-dark", "name" : "apps-daemon-dark",
"rule" : ".app-daemon-dark", "rule" : ".apps-daemon-dark",
"hash" : "4472be3242150f06ea5bf7b45333c4c5" "hash" : "4472be3242150f06ea5bf7b45333c4c5"
}, },
"app-differential-dark" : { "apps-differential-dark" : {
"name" : "app-differential-dark", "name" : "apps-differential-dark",
"rule" : ".app-differential-dark", "rule" : ".apps-differential-dark",
"hash" : "508401fe36d9636bdcbdcbcae253c152" "hash" : "508401fe36d9636bdcbdcbcae253c152"
}, },
"app-diffusion-dark" : { "apps-diffusion-dark" : {
"name" : "app-diffusion-dark", "name" : "apps-diffusion-dark",
"rule" : ".app-diffusion-dark", "rule" : ".apps-diffusion-dark",
"hash" : "0a6f8c85079c4a325430197adb05967c" "hash" : "0a6f8c85079c4a325430197adb05967c"
}, },
"app-diviner-dark" : { "apps-diviner-dark" : {
"name" : "app-diviner-dark", "name" : "apps-diviner-dark",
"rule" : ".app-diviner-dark", "rule" : ".apps-diviner-dark",
"hash" : "08872eb1c6bb51b9727290f6fa802633" "hash" : "08872eb1c6bb51b9727290f6fa802633"
}, },
"app-drydock-dark" : { "apps-drydock-dark" : {
"name" : "app-drydock-dark", "name" : "apps-drydock-dark",
"rule" : ".app-drydock-dark", "rule" : ".apps-drydock-dark",
"hash" : "d50309da57021c676774f9bdc68c5fe7" "hash" : "d50309da57021c676774f9bdc68c5fe7"
}, },
"app-fact-dark" : { "apps-fact-dark" : {
"name" : "app-fact-dark", "name" : "apps-fact-dark",
"rule" : ".app-fact-dark", "rule" : ".apps-fact-dark",
"hash" : "0c1be568e1ac05fca814718600190369" "hash" : "0c1be568e1ac05fca814718600190369"
}, },
"app-feed-dark" : { "apps-feed-dark" : {
"name" : "app-feed-dark", "name" : "apps-feed-dark",
"rule" : ".app-feed-dark", "rule" : ".apps-feed-dark",
"hash" : "830232709eedbe6ce7cdbcebf182c86c" "hash" : "830232709eedbe6ce7cdbcebf182c86c"
}, },
"app-files-dark" : { "apps-files-dark" : {
"name" : "app-files-dark", "name" : "apps-files-dark",
"rule" : ".app-files-dark", "rule" : ".apps-files-dark",
"hash" : "00f5ab7ea3e9367e378cf9f395400ed4" "hash" : "00f5ab7ea3e9367e378cf9f395400ed4"
}, },
"app-flags-dark" : { "apps-flags-dark" : {
"name" : "app-flags-dark", "name" : "apps-flags-dark",
"rule" : ".app-flags-dark", "rule" : ".apps-flags-dark",
"hash" : "6382f373f7b0e70522d80ce06ef62813" "hash" : "6382f373f7b0e70522d80ce06ef62813"
}, },
"app-harbormaster-dark" : { "apps-harbormaster-dark" : {
"name" : "app-harbormaster-dark", "name" : "apps-harbormaster-dark",
"rule" : ".app-harbormaster-dark", "rule" : ".apps-harbormaster-dark",
"hash" : "693886513474ea91f904d8adaa0e8e2b" "hash" : "693886513474ea91f904d8adaa0e8e2b"
}, },
"app-help-dark" : { "apps-help-dark" : {
"name" : "app-help-dark", "name" : "apps-help-dark",
"rule" : ".app-help-dark", "rule" : ".apps-help-dark",
"hash" : "2299a14e27d76fdf66209ef0042cc84f" "hash" : "2299a14e27d76fdf66209ef0042cc84f"
}, },
"app-herald-dark" : { "apps-herald-dark" : {
"name" : "app-herald-dark", "name" : "apps-herald-dark",
"rule" : ".app-herald-dark", "rule" : ".apps-herald-dark",
"hash" : "b2193b62df3bd4cf5c8de514a07fb6c3" "hash" : "b2193b62df3bd4cf5c8de514a07fb6c3"
}, },
"app-home-dark" : { "apps-home-dark" : {
"name" : "app-home-dark", "name" : "apps-home-dark",
"rule" : ".app-home-dark", "rule" : ".apps-home-dark",
"hash" : "88f020497fcbcf43729aa817695b174f" "hash" : "88f020497fcbcf43729aa817695b174f"
}, },
"app-logo-dark" : { "apps-logo-dark" : {
"name" : "app-logo-dark", "name" : "apps-logo-dark",
"rule" : ".app-logo-dark", "rule" : ".apps-logo-dark",
"hash" : "02e71ae2421f1949f2ef075c27e052c9" "hash" : "02e71ae2421f1949f2ef075c27e052c9"
}, },
"app-macro-dark" : { "apps-macro-dark" : {
"name" : "app-macro-dark", "name" : "apps-macro-dark",
"rule" : ".app-macro-dark", "rule" : ".apps-macro-dark",
"hash" : "8e0e72847a8f70eb3f8e60e7fb681c06" "hash" : "8e0e72847a8f70eb3f8e60e7fb681c06"
}, },
"app-mail-dark" : { "apps-mail-dark" : {
"name" : "app-mail-dark", "name" : "apps-mail-dark",
"rule" : ".app-mail-dark", "rule" : ".apps-mail-dark",
"hash" : "a2a792fddc44be4ae0f1a601380c8449" "hash" : "a2a792fddc44be4ae0f1a601380c8449"
}, },
"app-maniphest-dark" : { "apps-maniphest-dark" : {
"name" : "app-maniphest-dark", "name" : "apps-maniphest-dark",
"rule" : ".app-maniphest-dark", "rule" : ".apps-maniphest-dark",
"hash" : "ea94fc7dbb2267adc33513f78916fe90" "hash" : "ea94fc7dbb2267adc33513f78916fe90"
}, },
"app-metamta-dark" : { "apps-metamta-dark" : {
"name" : "app-metamta-dark", "name" : "apps-metamta-dark",
"rule" : ".app-metamta-dark", "rule" : ".apps-metamta-dark",
"hash" : "8abbb6e74d1697f950a01dcd6c8077be" "hash" : "8abbb6e74d1697f950a01dcd6c8077be"
}, },
"app-owners-dark" : { "apps-owners-dark" : {
"name" : "app-owners-dark", "name" : "apps-owners-dark",
"rule" : ".app-owners-dark", "rule" : ".apps-owners-dark",
"hash" : "23b948cc1d32a0968785fbfca749dcdf" "hash" : "23b948cc1d32a0968785fbfca749dcdf"
}, },
"app-paste-dark" : { "apps-paste-dark" : {
"name" : "app-paste-dark", "name" : "apps-paste-dark",
"rule" : ".app-paste-dark", "rule" : ".apps-paste-dark",
"hash" : "9e0c1d1fe03aebcb55a4d19be051e255" "hash" : "9e0c1d1fe03aebcb55a4d19be051e255"
}, },
"app-people-dark" : { "apps-people-dark" : {
"name" : "app-people-dark", "name" : "apps-people-dark",
"rule" : ".app-people-dark", "rule" : ".apps-people-dark",
"hash" : "0b3995fcd043b506a408de6e25ad5292" "hash" : "0b3995fcd043b506a408de6e25ad5292"
}, },
"app-phage-dark" : { "apps-phage-dark" : {
"name" : "app-phage-dark", "name" : "apps-phage-dark",
"rule" : ".app-phage-dark", "rule" : ".apps-phage-dark",
"hash" : "9d939bbe908a1bd96e1b22f8fa007aa5" "hash" : "9d939bbe908a1bd96e1b22f8fa007aa5"
}, },
"app-phame-dark" : { "apps-phame-dark" : {
"name" : "app-phame-dark", "name" : "apps-phame-dark",
"rule" : ".app-phame-dark", "rule" : ".apps-phame-dark",
"hash" : "24ff4d322bce13f1c156ce5361a03a07" "hash" : "24ff4d322bce13f1c156ce5361a03a07"
}, },
"app-phid-dark" : { "apps-phid-dark" : {
"name" : "app-phid-dark", "name" : "apps-phid-dark",
"rule" : ".app-phid-dark", "rule" : ".apps-phid-dark",
"hash" : "5a0ac05bbf36a7aeb36753d093c3c9f8" "hash" : "5a0ac05bbf36a7aeb36753d093c3c9f8"
}, },
"app-phlux-dark" : { "apps-phlux-dark" : {
"name" : "app-phlux-dark", "name" : "apps-phlux-dark",
"rule" : ".app-phlux-dark", "rule" : ".apps-phlux-dark",
"hash" : "ee8d71e2a68b9a9704ccdc4276199d79" "hash" : "ee8d71e2a68b9a9704ccdc4276199d79"
}, },
"app-pholio-dark" : { "apps-pholio-dark" : {
"name" : "app-pholio-dark", "name" : "apps-pholio-dark",
"rule" : ".app-pholio-dark", "rule" : ".apps-pholio-dark",
"hash" : "7d3befd1c12dd464a5f5edbef4574a5c" "hash" : "7d3befd1c12dd464a5f5edbef4574a5c"
}, },
"app-phortune-dark" : { "apps-phortune-dark" : {
"name" : "app-phortune-dark", "name" : "apps-phortune-dark",
"rule" : ".app-phortune-dark", "rule" : ".apps-phortune-dark",
"hash" : "cdc79c02273af8491c1d6b9fed029a55" "hash" : "cdc79c02273af8491c1d6b9fed029a55"
}, },
"app-phpast-dark" : { "apps-phpast-dark" : {
"name" : "app-phpast-dark", "name" : "apps-phpast-dark",
"rule" : ".app-phpast-dark", "rule" : ".apps-phpast-dark",
"hash" : "de1ad812c7a177c844fcff626b1abebf" "hash" : "de1ad812c7a177c844fcff626b1abebf"
}, },
"app-phrequent-dark" : { "apps-phrequent-dark" : {
"name" : "app-phrequent-dark", "name" : "apps-phrequent-dark",
"rule" : ".app-phrequent-dark", "rule" : ".apps-phrequent-dark",
"hash" : "60888f4879e557a0182a84785aabad16" "hash" : "60888f4879e557a0182a84785aabad16"
}, },
"app-phriction-dark" : { "apps-phriction-dark" : {
"name" : "app-phriction-dark", "name" : "apps-phriction-dark",
"rule" : ".app-phriction-dark", "rule" : ".apps-phriction-dark",
"hash" : "8596da3f375087db6a163c98f0c968ae" "hash" : "8596da3f375087db6a163c98f0c968ae"
}, },
"app-ponder-dark" : { "apps-ponder-dark" : {
"name" : "app-ponder-dark", "name" : "apps-ponder-dark",
"rule" : ".app-ponder-dark", "rule" : ".apps-ponder-dark",
"hash" : "232577eb875f383f45cb9dbd9a4e3976" "hash" : "232577eb875f383f45cb9dbd9a4e3976"
}, },
"app-power-dark" : { "apps-power-dark" : {
"name" : "app-power-dark", "name" : "apps-power-dark",
"rule" : ".app-power-dark", "rule" : ".apps-power-dark",
"hash" : "e3708b1b4bfdfc614d9cf630943e5bef" "hash" : "e3708b1b4bfdfc614d9cf630943e5bef"
}, },
"app-projects-dark" : { "apps-projects-dark" : {
"name" : "app-projects-dark", "name" : "apps-projects-dark",
"rule" : ".app-projects-dark", "rule" : ".apps-projects-dark",
"hash" : "5e799f1e95ecfd33cb67b6e4ac992043" "hash" : "5e799f1e95ecfd33cb67b6e4ac992043"
}, },
"app-releeph-dark" : { "apps-releeph-dark" : {
"name" : "app-releeph-dark", "name" : "apps-releeph-dark",
"rule" : ".app-releeph-dark", "rule" : ".apps-releeph-dark",
"hash" : "2ac942c35efb43646df853feb13c9b55" "hash" : "2ac942c35efb43646df853feb13c9b55"
}, },
"app-repositories-dark" : { "apps-repositories-dark" : {
"name" : "app-repositories-dark", "name" : "apps-repositories-dark",
"rule" : ".app-repositories-dark", "rule" : ".apps-repositories-dark",
"hash" : "736066962e96df88eacc04d734613a0e" "hash" : "736066962e96df88eacc04d734613a0e"
}, },
"app-settings-dark" : { "apps-settings-dark" : {
"name" : "app-settings-dark", "name" : "apps-settings-dark",
"rule" : ".app-settings-dark", "rule" : ".apps-settings-dark",
"hash" : "2fadcf918fb084bd3452712f700ae1a0" "hash" : "2fadcf918fb084bd3452712f700ae1a0"
}, },
"app-setup-dark" : { "apps-setup-dark" : {
"name" : "app-setup-dark", "name" : "apps-setup-dark",
"rule" : ".app-setup-dark", "rule" : ".apps-setup-dark",
"hash" : "061b80f3555ade1c36934474b61fe76b" "hash" : "061b80f3555ade1c36934474b61fe76b"
}, },
"app-slowvote-dark" : { "apps-slowvote-dark" : {
"name" : "app-slowvote-dark", "name" : "apps-slowvote-dark",
"rule" : ".app-slowvote-dark", "rule" : ".apps-slowvote-dark",
"hash" : "e51cc1e6887f2deaff02d9c60aae36e0" "hash" : "e51cc1e6887f2deaff02d9c60aae36e0"
}, },
"app-token-dark" : { "apps-token-dark" : {
"name" : "app-token-dark", "name" : "apps-token-dark",
"rule" : ".app-token-dark", "rule" : ".apps-token-dark",
"hash" : "960f497d9417746e2818b8fec0c1bf8b" "hash" : "960f497d9417746e2818b8fec0c1bf8b"
}, },
"app-uiexamples-dark" : { "apps-uiexamples-dark" : {
"name" : "app-uiexamples-dark", "name" : "apps-uiexamples-dark",
"rule" : ".app-uiexamples-dark", "rule" : ".apps-uiexamples-dark",
"hash" : "dd919fd2c10e7d1e0915f523ac3922ce" "hash" : "dd919fd2c10e7d1e0915f523ac3922ce"
}, },
"app-workphlow-dark" : { "apps-workphlow-dark" : {
"name" : "app-workphlow-dark", "name" : "apps-workphlow-dark",
"rule" : ".app-workphlow-dark", "rule" : ".apps-workphlow-dark",
"hash" : "4b06ffd8686513187b70d0eac1a4d62d" "hash" : "4b06ffd8686513187b70d0eac1a4d62d"
}, },
"app-xhprof-dark" : { "apps-xhprof-dark" : {
"name" : "app-xhprof-dark", "name" : "apps-xhprof-dark",
"rule" : ".app-xhprof-dark", "rule" : ".apps-xhprof-dark",
"hash" : "8333803b5ac7760726ad72ad098b82e7" "hash" : "8333803b5ac7760726ad72ad098b82e7"
} }
}, },

View file

@ -2840,7 +2840,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-action-icon-view-css' => 'phabricator-action-icon-view-css' =>
array( array(
'uri' => '/res/8b47cf61/rsrc/css/layout/phabricator-action-icon-view.css', 'uri' => '/res/dbceab3e/rsrc/css/layout/phabricator-action-icon-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -2980,7 +2980,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-feed-css' => 'phabricator-feed-css' =>
array( array(
'uri' => '/res/fa2d5d8d/rsrc/css/application/feed/feed.css', 'uri' => '/res/52015916/rsrc/css/application/feed/feed.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3776,7 +3776,7 @@ celerity_register_resource_map(array(
), ),
'sprite-apps-css' => 'sprite-apps-css' =>
array( array(
'uri' => '/res/d0b8b697/rsrc/css/sprite-apps.css', 'uri' => '/res/edc99ce1/rsrc/css/sprite-apps.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3785,7 +3785,7 @@ celerity_register_resource_map(array(
), ),
'sprite-apps-large-css' => 'sprite-apps-large-css' =>
array( array(
'uri' => '/res/0c77875d/rsrc/css/sprite-apps-large.css', 'uri' => '/res/40397d93/rsrc/css/sprite-apps-large.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(
@ -3903,7 +3903,7 @@ celerity_register_resource_map(array(
), array( ), array(
'packages' => 'packages' =>
array( array(
'9cece986' => '1b484e7b' =>
array( array(
'name' => 'core.pkg.css', 'name' => 'core.pkg.css',
'symbols' => 'symbols' =>
@ -3945,7 +3945,7 @@ celerity_register_resource_map(array(
34 => 'phabricator-object-item-list-view-css', 34 => 'phabricator-object-item-list-view-css',
35 => 'global-drag-and-drop-css', 35 => 'global-drag-and-drop-css',
), ),
'uri' => '/res/pkg/9cece986/core.pkg.css', 'uri' => '/res/pkg/1b484e7b/core.pkg.css',
'type' => 'css', 'type' => 'css',
), ),
'bf16b308' => 'bf16b308' =>
@ -4135,16 +4135,16 @@ celerity_register_resource_map(array(
'reverse' => 'reverse' =>
array( array(
'aphront-attached-file-view-css' => '6b1fccc6', 'aphront-attached-file-view-css' => '6b1fccc6',
'aphront-dialog-view-css' => '9cece986', 'aphront-dialog-view-css' => '1b484e7b',
'aphront-error-view-css' => '9cece986', 'aphront-error-view-css' => '1b484e7b',
'aphront-form-view-css' => '9cece986', 'aphront-form-view-css' => '1b484e7b',
'aphront-list-filter-view-css' => '9cece986', 'aphront-list-filter-view-css' => '1b484e7b',
'aphront-pager-view-css' => '9cece986', 'aphront-pager-view-css' => '1b484e7b',
'aphront-panel-view-css' => '9cece986', 'aphront-panel-view-css' => '1b484e7b',
'aphront-table-view-css' => '9cece986', 'aphront-table-view-css' => '1b484e7b',
'aphront-tokenizer-control-css' => '9cece986', 'aphront-tokenizer-control-css' => '1b484e7b',
'aphront-tooltip-css' => '9cece986', 'aphront-tooltip-css' => '1b484e7b',
'aphront-typeahead-control-css' => '9cece986', 'aphront-typeahead-control-css' => '1b484e7b',
'differential-changeset-view-css' => '8aaacd1b', 'differential-changeset-view-css' => '8aaacd1b',
'differential-core-view-css' => '8aaacd1b', 'differential-core-view-css' => '8aaacd1b',
'differential-inline-comment-editor' => 'e96b08f8', 'differential-inline-comment-editor' => 'e96b08f8',
@ -4158,7 +4158,7 @@ celerity_register_resource_map(array(
'differential-table-of-contents-css' => '8aaacd1b', 'differential-table-of-contents-css' => '8aaacd1b',
'diffusion-commit-view-css' => 'c8ce2d88', 'diffusion-commit-view-css' => 'c8ce2d88',
'diffusion-icons-css' => 'c8ce2d88', 'diffusion-icons-css' => 'c8ce2d88',
'global-drag-and-drop-css' => '9cece986', 'global-drag-and-drop-css' => '1b484e7b',
'inline-comment-summary-css' => '8aaacd1b', 'inline-comment-summary-css' => '8aaacd1b',
'javelin-aphlict' => 'bf16b308', 'javelin-aphlict' => 'bf16b308',
'javelin-behavior' => 'bea3de16', 'javelin-behavior' => 'bea3de16',
@ -4230,47 +4230,47 @@ celerity_register_resource_map(array(
'javelin-util' => 'bea3de16', 'javelin-util' => 'bea3de16',
'javelin-vector' => 'bea3de16', 'javelin-vector' => 'bea3de16',
'javelin-workflow' => 'bea3de16', 'javelin-workflow' => 'bea3de16',
'lightbox-attachment-css' => '9cece986', 'lightbox-attachment-css' => '1b484e7b',
'maniphest-task-summary-css' => '6b1fccc6', 'maniphest-task-summary-css' => '6b1fccc6',
'maniphest-transaction-detail-css' => '6b1fccc6', 'maniphest-transaction-detail-css' => '6b1fccc6',
'phabricator-busy' => 'bf16b308', 'phabricator-busy' => 'bf16b308',
'phabricator-content-source-view-css' => '8aaacd1b', 'phabricator-content-source-view-css' => '8aaacd1b',
'phabricator-core-buttons-css' => '9cece986', 'phabricator-core-buttons-css' => '1b484e7b',
'phabricator-core-css' => '9cece986', 'phabricator-core-css' => '1b484e7b',
'phabricator-crumbs-view-css' => '9cece986', 'phabricator-crumbs-view-css' => '1b484e7b',
'phabricator-directory-css' => '9cece986', 'phabricator-directory-css' => '1b484e7b',
'phabricator-drag-and-drop-file-upload' => 'e96b08f8', 'phabricator-drag-and-drop-file-upload' => 'e96b08f8',
'phabricator-dropdown-menu' => 'bf16b308', 'phabricator-dropdown-menu' => 'bf16b308',
'phabricator-file-upload' => 'bf16b308', 'phabricator-file-upload' => 'bf16b308',
'phabricator-filetree-view-css' => '9cece986', 'phabricator-filetree-view-css' => '1b484e7b',
'phabricator-flag-css' => '9cece986', 'phabricator-flag-css' => '1b484e7b',
'phabricator-form-view-css' => '9cece986', 'phabricator-form-view-css' => '1b484e7b',
'phabricator-header-view-css' => '9cece986', 'phabricator-header-view-css' => '1b484e7b',
'phabricator-jump-nav' => '9cece986', 'phabricator-jump-nav' => '1b484e7b',
'phabricator-keyboard-shortcut' => 'bf16b308', 'phabricator-keyboard-shortcut' => 'bf16b308',
'phabricator-keyboard-shortcut-manager' => 'bf16b308', 'phabricator-keyboard-shortcut-manager' => 'bf16b308',
'phabricator-main-menu-view' => '9cece986', 'phabricator-main-menu-view' => '1b484e7b',
'phabricator-menu-item' => 'bf16b308', 'phabricator-menu-item' => 'bf16b308',
'phabricator-nav-view-css' => '9cece986', 'phabricator-nav-view-css' => '1b484e7b',
'phabricator-notification' => 'bf16b308', 'phabricator-notification' => 'bf16b308',
'phabricator-notification-css' => '9cece986', 'phabricator-notification-css' => '1b484e7b',
'phabricator-notification-menu-css' => '9cece986', 'phabricator-notification-menu-css' => '1b484e7b',
'phabricator-object-item-list-view-css' => '9cece986', 'phabricator-object-item-list-view-css' => '1b484e7b',
'phabricator-object-selector-css' => '8aaacd1b', 'phabricator-object-selector-css' => '8aaacd1b',
'phabricator-prefab' => 'bf16b308', 'phabricator-prefab' => 'bf16b308',
'phabricator-project-tag-css' => '6b1fccc6', 'phabricator-project-tag-css' => '6b1fccc6',
'phabricator-remarkup-css' => '9cece986', 'phabricator-remarkup-css' => '1b484e7b',
'phabricator-shaped-request' => 'e96b08f8', 'phabricator-shaped-request' => 'e96b08f8',
'phabricator-side-menu-view-css' => '9cece986', 'phabricator-side-menu-view-css' => '1b484e7b',
'phabricator-standard-page-view' => '9cece986', 'phabricator-standard-page-view' => '1b484e7b',
'phabricator-textareautils' => 'bf16b308', 'phabricator-textareautils' => 'bf16b308',
'phabricator-tooltip' => 'bf16b308', 'phabricator-tooltip' => 'bf16b308',
'phabricator-transaction-view-css' => '9cece986', 'phabricator-transaction-view-css' => '1b484e7b',
'phabricator-zindex-css' => '9cece986', 'phabricator-zindex-css' => '1b484e7b',
'sprite-apps-large-css' => '9cece986', 'sprite-apps-large-css' => '1b484e7b',
'sprite-gradient-css' => '9cece986', 'sprite-gradient-css' => '1b484e7b',
'sprite-icon-css' => '9cece986', 'sprite-icon-css' => '1b484e7b',
'sprite-menu-css' => '9cece986', 'sprite-menu-css' => '1b484e7b',
'syntax-highlighting-css' => '9cece986', 'syntax-highlighting-css' => '1b484e7b',
), ),
)); ));

View file

@ -44,13 +44,10 @@ final class PhabricatorFeedBuilder {
'<div class="phabricator-feed-story-date-separator"></div>')); '<div class="phabricator-feed-story-date-separator"></div>'));
} }
$last_date = $date; $last_date = $date;
$null_view->appendChild( $header = new PhabricatorActionHeaderView();
phutil_tag( $header->setHeaderTitle($date);
'div',
array( $null_view->appendChild($header);
'class' => 'phabricator-feed-story-date',
),
$date));
} }
$view = $story->renderView(); $view = $story->renderView();

View file

@ -94,7 +94,6 @@ final class ConduitAPI_feed_query_Method
$data = $view->render(); $data = $view->render();
break; break;
case 'html-summary': case 'html-summary':
$view->setOneLineStory(true);
$data = $view->render(); $data = $view->render();
break; break;
case 'data': case 'data':

View file

@ -5,7 +5,7 @@ abstract class PhabricatorFeedController extends PhabricatorController {
public function buildStandardPageResponse($view, array $data) { public function buildStandardPageResponse($view, array $data) {
$page = $this->buildStandardPageView(); $page = $this->buildStandardPageView();
$page->setApplicationName('Feed'); $page->setApplicationName(pht('Feed'));
$page->setBaseURI('/feed/'); $page->setBaseURI('/feed/');
$page->setTitle(idx($data, 'title')); $page->setTitle(idx($data, 'title'));
$page->setGlyph("\xE2\x88\x9E"); $page->setGlyph("\xE2\x88\x9E");
@ -26,9 +26,9 @@ abstract class PhabricatorFeedController extends PhabricatorController {
$nav = new AphrontSideNavFilterView(); $nav = new AphrontSideNavFilterView();
$nav->setBaseURI(new PhutilURI($this->getApplicationURI())); $nav->setBaseURI(new PhutilURI($this->getApplicationURI()));
$nav->addLabel('Feed'); $nav->addLabel(pht('Feed'));
$nav->addFilter('all', 'All Activity'); $nav->addFilter('all', pht('All Activity'));
$nav->addFilter('projects', 'My Projects'); $nav->addFilter('projects', pht('My Projects'));
return $nav; return $nav;
} }

View file

@ -57,12 +57,18 @@ final class PhabricatorFeedMainController extends PhabricatorFeedController {
$feed_view = $builder->buildView(); $feed_view = $builder->buildView();
} }
$header = id(new PhabricatorHeaderView()) $crumbs = $this
->setHeader($title); ->buildApplicationCrumbs($nav)
->addCrumb(
id(new PhabricatorCrumbView())
->setName($title)
->setHref($this->getApplicationURI('filter/'.$filter.'/')));
$nav->setCrumbs($crumbs);
$nav->appendChild( $nav->appendChild(
array( array(
$header,
$feed_view, $feed_view,
$pager, $pager,
)); ));
@ -72,6 +78,7 @@ final class PhabricatorFeedMainController extends PhabricatorFeedController {
array( array(
'title' => $title, 'title' => $title,
'device' => true, 'device' => true,
'dust' => true,
)); ));
} }

View file

@ -30,8 +30,9 @@ final class PhabricatorFeedPublicStreamController
return $this->buildStandardPageResponse( return $this->buildStandardPageResponse(
$view, $view,
array( array(
'title' => 'Public Feed', 'title' => pht('Public Feed'),
'public' => true, 'public' => true,
'dust' => true,
)); ));
} }
} }

View file

@ -11,6 +11,7 @@ final class PhabricatorFeedStoryAudit extends PhabricatorFeedStory {
$commit_phid = $this->getPrimaryObjectPHID(); $commit_phid = $this->getPrimaryObjectPHID();
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('audit-dark');
$action = $this->getValue('action'); $action = $this->getValue('action');
$verb = PhabricatorAuditActionConstants::getActionPastTenseVerb($action); $verb = PhabricatorAuditActionConstants::getActionPastTenseVerb($action);
@ -24,19 +25,10 @@ final class PhabricatorFeedStoryAudit extends PhabricatorFeedStory {
$view->setEpoch($this->getEpoch()); $view->setEpoch($this->getEpoch());
$comments = $this->getValue('content'); $comments = $this->getValue('content');
if ($comments) {
$full_size = true;
} else {
$full_size = false;
}
if ($full_size) { $view->setImage($this->getHandle($author_phid)->getImageURI());
$view->setImage($this->getHandle($author_phid)->getImageURI()); $content = $this->renderSummary($this->getValue('content'));
$content = $this->renderSummary($this->getValue('content')); $view->appendChild($content);
$view->appendChild($content);
} else {
$view->setOneLineStory(true);
}
return $view; return $view;
} }

View file

@ -50,6 +50,7 @@ final class PhabricatorFeedStoryCommit extends PhabricatorFeedStory {
} }
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('differential-dark');
$view->setTitle($title); $view->setTitle($title);
$view->setEpoch($data->getEpoch()); $view->setEpoch($data->getEpoch());

View file

@ -10,6 +10,7 @@ final class PhabricatorFeedStoryDifferential extends PhabricatorFeedStory {
$data = $this->getStoryData(); $data = $this->getStoryData();
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('differential-dark');
$view->setViewed($this->getHasViewed()); $view->setViewed($this->getHasViewed());
$line = $this->getLineForData($data); $line = $this->getLineForData($data);
@ -20,23 +21,10 @@ final class PhabricatorFeedStoryDifferential extends PhabricatorFeedStory {
$view->setHref($href); $view->setHref($href);
$action = $data->getValue('action'); $action = $data->getValue('action');
switch ($action) {
case DifferentialAction::ACTION_CREATE:
case DifferentialAction::ACTION_CLOSE:
$full_size = true;
break;
default:
$full_size = false;
break;
}
if ($full_size) { $view->setImage($this->getHandle($data->getAuthorPHID())->getImageURI());
$view->setImage($this->getHandle($data->getAuthorPHID())->getImageURI()); $content = $this->renderSummary($data->getValue('feedback_content'));
$content = $this->renderSummary($data->getValue('feedback_content')); $view->appendChild($content);
$view->appendChild($content);
} else {
$view->setOneLineStory(true);
}
return $view; return $view;
} }

View file

@ -55,6 +55,7 @@ final class PhabricatorFeedStoryDifferentialAggregate
} }
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('differential-dark');
$view->setEpoch($this->getEpoch()); $view->setEpoch($this->getEpoch());
$view->setViewed($this->getHasViewed()); $view->setViewed($this->getHasViewed());
$view->setTitle($title); $view->setTitle($title);

View file

@ -17,6 +17,7 @@ final class PhabricatorFeedStoryManiphest
$data = $this->getStoryData(); $data = $this->getStoryData();
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('maniphest-dark');
$view->setViewed($this->getHasViewed()); $view->setViewed($this->getHasViewed());
$line = $this->getLineForData($data); $line = $this->getLineForData($data);
@ -24,36 +25,23 @@ final class PhabricatorFeedStoryManiphest
$view->setEpoch($data->getEpoch()); $view->setEpoch($data->getEpoch());
$action = $data->getValue('action'); $action = $data->getValue('action');
$view->setImage($this->getHandle($data->getAuthorPHID())->getImageURI());
switch ($action) { switch ($action) {
case ManiphestAction::ACTION_CREATE:
case ManiphestAction::ACTION_COMMENT: case ManiphestAction::ACTION_COMMENT:
$full_size = true; // I'm just fetching the comments here
// Don't repeat this at home!
$comments = $data->getValue('comments');
$content = $this->renderSummary($comments);
break; break;
default: default:
$full_size = false; // I think this is just for create
$content = $this->renderSummary($data->getValue('description'));
break; break;
} }
if ($full_size) { $view->appendChild($content);
$view->setImage($this->getHandle($data->getAuthorPHID())->getImageURI());
switch ($action) {
case ManiphestAction::ACTION_COMMENT:
// I'm just fetching the comments here
// Don't repeat this at home!
$comments = $data->getValue('comments');
$content = $this->renderSummary($comments);
break;
default:
// I think this is just for create
$content = $this->renderSummary($data->getValue('description'));
break;
}
$view->appendChild($content);
} else {
$view->setOneLineStory(true);
}
$href = $this->getHandle($data->getValue('taskPHID'))->getURI(); $href = $this->getHandle($data->getValue('taskPHID'))->getURI();
$view->setHref($href); $view->setHref($href);

View file

@ -55,6 +55,7 @@ final class PhabricatorFeedStoryManiphestAggregate
} }
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('maniphest-dark');
$view->setEpoch($this->getEpoch()); $view->setEpoch($this->getEpoch());
$view->setViewed($this->getHasViewed()); $view->setViewed($this->getHasViewed());
$view->setTitle($title); $view->setTitle($title);

View file

@ -22,6 +22,7 @@ final class PhabricatorFeedStoryPhriction extends PhabricatorFeedStory {
$document_phid = $data->getValue('phid'); $document_phid = $data->getValue('phid');
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('phriction-dark');
$action = $data->getValue('action'); $action = $data->getValue('action');
$verb = PhrictionActionConstants::getActionPastTenseVerb($action); $verb = PhrictionActionConstants::getActionPastTenseVerb($action);
@ -64,23 +65,9 @@ final class PhabricatorFeedStoryPhriction extends PhabricatorFeedStory {
} }
$view->setEpoch($data->getEpoch()); $view->setEpoch($data->getEpoch());
$view->setImage($this->getHandle($author_phid)->getImageURI());
switch ($action) { $content = $this->renderSummary($data->getValue('content'));
case PhrictionActionConstants::ACTION_CREATE: $view->appendChild($content);
$full_size = true;
break;
default:
$full_size = false;
break;
}
if ($full_size) {
$view->setImage($this->getHandle($author_phid)->getImageURI());
$content = $this->renderSummary($data->getValue('content'));
$view->appendChild($content);
} else {
$view->setOneLineStory(true);
}
return $view; return $view;
} }

View file

@ -25,6 +25,7 @@ final class PhabricatorFeedStoryProject extends PhabricatorFeedStory {
$data = $this->getStoryData(); $data = $this->getStoryData();
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('projects-dark');
$type = $data->getValue('type'); $type = $data->getValue('type');
$old = $data->getValue('old'); $old = $data->getValue('old');
@ -90,7 +91,7 @@ final class PhabricatorFeedStoryProject extends PhabricatorFeedStory {
break; break;
} }
$view->setTitle(hsprintf('%s %s', $this->linkTo($author_phid), $action)); $view->setTitle(hsprintf('%s %s', $this->linkTo($author_phid), $action));
$view->setOneLineStory(true); $view->setImage($this->getHandle($author_phid)->getImageURI());
return $view; return $view;
} }
@ -110,27 +111,30 @@ final class PhabricatorFeedStoryProject extends PhabricatorFeedStory {
switch ($type) { switch ($type) {
case PhabricatorProjectTransactionType::TYPE_NAME: case PhabricatorProjectTransactionType::TYPE_NAME:
if (strlen($old)) { if (strlen($old)) {
$action = 'renamed project '. $text =
$proj_name. pht('%s renamed project %s from %s to %s %s',
' from '. $author_name,
$old. $proj_name,
' to '. $old,
$new; $new,
$proj_uri);
} else { } else {
$action = 'created project '. $text =
$proj_name. pht('%s created project %s (as %s) %s',
' (as '. $author_name,
$new. $proj_name,
')'; $new,
$proj_uri);
} }
break; break;
case PhabricatorProjectTransactionType::TYPE_STATUS: case PhabricatorProjectTransactionType::TYPE_STATUS:
$action = 'changed project '. $text =
$proj_name. pht('%s changed project %s status from %s to %s %s',
' status from '. $author_name,
$old. $proj_name,
' to '. $old,
$new; $new,
$proj_uri);
break; break;
case PhabricatorProjectTransactionType::TYPE_MEMBERS: case PhabricatorProjectTransactionType::TYPE_MEMBERS:
$add = array_diff($new, $old); $add = array_diff($new, $old);
@ -138,26 +142,47 @@ final class PhabricatorFeedStoryProject extends PhabricatorFeedStory {
if ((count($add) == 1) && (count($rem) == 0) && if ((count($add) == 1) && (count($rem) == 0) &&
(head($add) == $author_phid)) { (head($add) == $author_phid)) {
$action = 'joined project'; $text =
pht('%s joined project %s %s',
$author_name,
$proj_name,
$proj_uri);
} else if ((count($add) == 0) && (count($rem) == 1) && } else if ((count($add) == 0) && (count($rem) == 1) &&
(head($rem) == $author_phid)) { (head($rem) == $author_phid)) {
$action = 'left project'; $text =
pht('%s left project %s %s',
$author_name,
$proj_name,
$proj_uri);
} else if (empty($rem)) { } else if (empty($rem)) {
$action = 'added members to project'; $text =
pht('%s added members to project %s %s',
$author_name,
$proj_name,
$proj_uri);
} else if (empty($add)) { } else if (empty($add)) {
$action = 'removed members from project'; $text =
pht('%s removed members from project %s %s',
$author_name,
$proj_name,
$proj_uri);
} else { } else {
$action = 'changed members of project'; $text =
pht('%s changed members of project %s %s',
$author_name,
$proj_name,
$proj_uri);
} }
$action .= " {$proj_name}";
break; break;
default: default:
$action = "updated project {$proj_name}"; $text =
pht('%s updated project %s %s',
$author_name,
$proj_name,
$proj_uri);
break; break;
} }
$text = "{$author_name} {$action} {$proj_uri}";
return $text; return $text;
} }

View file

@ -12,6 +12,7 @@ final class PhabricatorFeedStoryStatus extends PhabricatorFeedStory {
$author_phid = $data->getAuthorPHID(); $author_phid = $data->getAuthorPHID();
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('calendar-dark');
$view->setTitle($this->linkTo($author_phid)); $view->setTitle($this->linkTo($author_phid));
$view->setEpoch($data->getEpoch()); $view->setEpoch($data->getEpoch());
@ -28,7 +29,7 @@ final class PhabricatorFeedStoryStatus extends PhabricatorFeedStory {
$author_name = $author_handle->getLinkName(); $author_name = $author_handle->getLinkName();
$author_uri = PhabricatorEnv::getURI($author_handle->getURI()); $author_uri = PhabricatorEnv::getURI($author_handle->getURI());
$text = "{$author_name} updated their status {$author_url}"; $text = pht('% supdated their status %s', $author_name, $author_uri);
return $text; return $text;
} }

View file

@ -4,13 +4,13 @@ final class PhabricatorFeedStoryView extends PhabricatorFeedView {
private $title; private $title;
private $image; private $image;
private $imageHref;
private $appIcon;
private $phid; private $phid;
private $epoch; private $epoch;
private $viewed; private $viewed;
private $href; private $href;
private $oneLine;
public function setTitle($title) { public function setTitle($title) {
$this->title = $title; $this->title = $title;
return $this; return $this;
@ -26,8 +26,13 @@ final class PhabricatorFeedStoryView extends PhabricatorFeedView {
return $this; return $this;
} }
public function setOneLineStory($one_line) { public function setImageHref($image_href) {
$this->oneLine = $one_line; $this->imageHref = $image_href;
return $this;
}
public function setAppIcon($icon) {
$this->appIcon = $icon;
return $this; return $this;
} }
@ -72,54 +77,77 @@ final class PhabricatorFeedStoryView extends PhabricatorFeedView {
public function render() { public function render() {
$actor = '';
if ($this->image) {
$actor = new PhabricatorActionIconView();
$actor->setImage($this->image);
if ($this->imageHref) {
$actor->setHref($this->imageHref);
}
}
$head = phutil_tag( $head = phutil_tag(
'div', 'div',
array( array(
'class' => 'phabricator-feed-story-head', 'class' => 'phabricator-feed-story-head',
), ),
nonempty($this->title, 'Untitled Story')); array(
$actor,
nonempty($this->title, pht('Untitled Story')),
));
$body = null; $body = null;
$foot = null; $foot = null;
$image_style = null; $image_style = null;
if (!$this->oneLine) { $body = phutil_tag(
$body = phutil_tag( 'div',
'div', array(
array( 'class' => 'phabricator-feed-story-body',
'class' => 'phabricator-feed-story-body', ),
), $this->renderChildren());
$this->renderChildren());
if ($this->epoch) { if ($this->epoch) {
$foot = phabricator_datetime($this->epoch, $this->user); $foot = phabricator_datetime($this->epoch, $this->user);
} else { } else {
$foot = ''; $foot = pht('No time specified.');
}
$foot = phutil_tag(
'div',
array(
'class' => 'phabricator-feed-story-foot',
),
$foot);
if ($this->image) {
$image_style = 'background-image: url('.$this->image.')';
}
} }
$icon = null;
if ($this->appIcon) {
$icon = new PhabricatorActionIconView();
$icon->setSpriteIcon($this->appIcon);
$icon->setSpriteSheet(PhabricatorActionIconView::SPRITE_APPS);
}
$foot = phutil_tag(
'div',
array(
'class' => 'phabricator-feed-story-foot',
),
array(
$icon,
$foot));
require_celerity_resource('phabricator-feed-css'); require_celerity_resource('phabricator-feed-css');
$story = phutil_tag(
'div',
array(
'class' => 'phabricator-feed-story',
'style' => $image_style,
),
array(
$head,
$body,
$foot));
return phutil_tag( return phutil_tag(
'div', 'div',
array( array(
'class' => $this->oneLine 'class' => 'phabricator-feed-wrap'
? 'phabricator-feed-story phabricator-feed-story-one-line' ),
: 'phabricator-feed-story', $story);
'style' => $image_style,
),
array($head, $body, $foot));
} }
} }

View file

@ -115,7 +115,7 @@ final class PhabricatorApplicationLaunchView extends AphrontView {
} else { } else {
$icon = $application->getIconName(); $icon = $application->getIconName();
$classes[] = 'sprite-apps-large'; $classes[] = 'sprite-apps-large';
$classes[] = 'app-'.$icon.'-light-large'; $classes[] = 'apps-'.$icon.'-light-large';
} }
$icon = phutil_tag( $icon = phutil_tag(

View file

@ -16,7 +16,9 @@ final class PhabricatorTokenGivenFeedStory
public function renderView() { public function renderView() {
$view = new PhabricatorFeedStoryView(); $view = new PhabricatorFeedStoryView();
$view->setAppIcon('token-dark');
$view->setViewed($this->getHasViewed()); $view->setViewed($this->getHasViewed());
$author_phid = $this->getValue('authorPHID');
$href = $this->getHandle($this->getPrimaryObjectPHID())->getURI(); $href = $this->getHandle($this->getPrimaryObjectPHID())->getURI();
$view->setHref($href); $view->setHref($href);
@ -27,7 +29,7 @@ final class PhabricatorTokenGivenFeedStory
$this->linkTo($this->getValue('objectPHID'))); $this->linkTo($this->getValue('objectPHID')));
$view->setTitle($title); $view->setTitle($title);
$view->setOneLineStory(true); $view->setImage($this->getHandle($author_phid)->getImageURI());
return $view; return $view;
} }

View file

@ -43,7 +43,6 @@ class PhabricatorApplicationTransactionFeedStory
$xaction->setHandles($this->getHandles()); $xaction->setHandles($this->getHandles());
$view->setTitle($xaction->getTitleForFeed()); $view->setTitle($xaction->getTitleForFeed());
$view->setOneLineStory(true);
return $view; return $view;
} }

View file

@ -541,13 +541,13 @@ final class CeleritySpriteGenerator {
foreach ($apps as $app) { foreach ($apps as $app) {
foreach ($colors as $color => $color_path) { foreach ($colors as $color => $color_path) {
$css = '.app-'.$app.'-'.$color.$variant_short; $css = '.apps-'.$app.'-'.$color.$variant_short;
if ($color == 'blue' && $variant_name == 'apps-large') { if ($color == 'blue' && $variant_name == 'apps-large') {
$css .= ', .phabricator-crumb-view:hover .app-'.$app.'-dark-large'; $css .= ', .phabricator-crumb-view:hover .apps-'.$app.'-dark-large';
} }
$sprite = id(clone $template) $sprite = id(clone $template)
->setName('app-'.$app.'-'.$color.$variant_short) ->setName('apps-'.$app.'-'.$color.$variant_short)
->setTargetCSS($css); ->setTargetCSS($css);
foreach ($scales as $scale_name => $scale) { foreach ($scales as $scale_name => $scale) {

View file

@ -4,6 +4,7 @@ final class PhabricatorActionIconView extends AphrontView {
const SPRITE_MINICONS = 'minicons'; const SPRITE_MINICONS = 'minicons';
const SPRITE_ACTIONS = 'actions'; const SPRITE_ACTIONS = 'actions';
const SPRITE_APPS = 'apps';
private $href; private $href;
private $workflow; private $workflow;
@ -39,27 +40,32 @@ final class PhabricatorActionIconView extends AphrontView {
public function render() { public function render() {
require_celerity_resource('phabricator-action-icon-view-css'); require_celerity_resource('phabricator-action-icon-view-css');
$tag = 'span';
if ($this->href) {
$tag = 'a';
}
if ($this->spriteIcon) { if ($this->spriteIcon) {
require_celerity_resource('sprite-actions-css'); require_celerity_resource('sprite-'.$this->spriteSheet.'-css');
require_celerity_resource('sprite-minicons-css');
$classes = array(); $classes = array();
$classes[] = 'phabricator-action-icon-item-link'; $classes[] = 'phabricator-action-icon-item-link';
$classes[] = 'sprite-'.$this->spriteSheet; $classes[] = 'sprite-'.$this->spriteSheet;
$classes[] = $this->spriteSheet.'-'.$this->spriteIcon; $classes[] = $this->spriteSheet.'-'.$this->spriteIcon;
$action_icon = phutil_tag( $action_icon = phutil_tag(
'a', $tag,
array( array(
'href' => $this->href, 'href' => $this->href ? $this->href : null,
'class' => implode(' ', $classes), 'class' => implode(' ', $classes),
'sigil' => $this->workflow ? 'workflow' : null, 'sigil' => $this->workflow ? 'workflow' : null,
), ),
''); '');
} else { } else {
$action_icon = phutil_tag( $action_icon = phutil_tag(
'a', $tag,
array( array(
'href' => $this->href, 'href' => $this->href ? $this->href : null,
'class' => 'phabricator-action-icon-item-link', 'class' => 'phabricator-action-icon-item-link',
'sigil' => $this->workflow ? 'workflow' : null, 'sigil' => $this->workflow ? 'workflow' : null,
'style' => 'background-image: url('.$this->image.');' 'style' => 'background-image: url('.$this->image.');'

View file

@ -47,7 +47,7 @@ final class PhabricatorCrumbView extends AphrontView {
'span', 'span',
array( array(
'class' => 'phabricator-crumb-icon '. 'class' => 'phabricator-crumb-icon '.
'sprite-apps-large app-'.$this->icon.'-dark-large', 'sprite-apps-large apps-'.$this->icon.'-dark-large',
), ),
''); '');
} }

View file

@ -377,7 +377,7 @@ final class PhabricatorMainMenuView extends AphrontView {
'span', 'span',
array( array(
'class' => 'phabricator-core-menu-icon '. 'class' => 'phabricator-core-menu-icon '.
'sprite-apps-large app-'.$name, 'sprite-apps-large apps-'.$name,
), ),
''); '');
} }

View file

@ -6,45 +6,60 @@
margin: 10px; margin: 10px;
} }
.device-desktop .phabricator-feed-frame { .phabricator-feed-frame .phabricator-action-header-title {
width: 640px; font-size: 16px;
margin: 20px; margin-bottom: 5px;
} }
.phabricator-chromeless-page .phabricator-feed-frame { .device-desktop .phabricator-feed-frame {
width: auto; width: 600px;
margin: 20px auto;
}
.phabricator-feed-wrap {
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c5d1;
margin-bottom: 15px;
} }
.phabricator-feed-story { .phabricator-feed-story {
padding-left: 64px;
margin: .5em 0 1em;
background: 5px 2px no-repeat; background: 5px 2px no-repeat;
min-height: 64px; min-height: 50px;
background-color: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
} }
.phabricator-feed-story-one-line { .phabricator-feed-story-head .phabricator-action-icon-item-link {
min-height: 0; width: 35px;
color: #555; height: 35px;
background-size: 35px;
float: left;
margin-right: 10px;
} }
.phabricator-feed-story-head { .phabricator-feed-story-head {
padding: 10px;
overflow: hidden;
color: #333;
} }
.phabricator-feed-story-body { .phabricator-feed-story-body {
padding: .5em 0; padding: 0 10px 10px;
color: #444444; color: #444444;
} }
.phabricator-feed-story-foot { .phabricator-feed-story-foot {
color: #888888; color: #777;
font-size: 11px; font-size: 11px;
background: #f7f7f7;
padding: 10px;
} }
.phabricator-feed-story-date { .phabricator-feed-story-foot .phabricator-action-icon-item-link {
color: #555; float: left;
font-weight: bold; display: inline-block;
border-bottom: 1px solid #eeeeee; margin-right: 5px;
padding: .5em 0;
} }
.phabricator-feed-story-date-separator { .phabricator-feed-story-date-separator {
@ -60,4 +75,3 @@
float: right; float: right;
font-weight: bold; font-weight: bold;
} }

View file

@ -13,3 +13,9 @@
height: 24px; height: 24px;
width: 24px; width: 24px;
} }
.phabricator-action-icon-item-link.sprite-apps {
display: block;
height: 14px;
width: 14px;
}

View file

@ -18,602 +18,602 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
} }
.app-adventure-light-large { .apps-adventure-light-large {
background-position: 0px 0px; background-position: 0px 0px;
} }
.app-adventure-dark-large { .apps-adventure-dark-large {
background-position: -29px 0px; background-position: -29px 0px;
} }
.app-adventure-blue-large, .phabricator-crumb-view:hover .app-adventure-dark-large { .apps-adventure-blue-large, .phabricator-crumb-view:hover .apps-adventure-dark-large {
background-position: -58px 0px; background-position: -58px 0px;
} }
.app-application-light-large { .apps-application-light-large {
background-position: -87px 0px; background-position: -87px 0px;
} }
.app-application-dark-large { .apps-application-dark-large {
background-position: -116px 0px; background-position: -116px 0px;
} }
.app-application-blue-large, .phabricator-crumb-view:hover .app-application-dark-large { .apps-application-blue-large, .phabricator-crumb-view:hover .apps-application-dark-large {
background-position: -145px 0px; background-position: -145px 0px;
} }
.app-audit-light-large { .apps-audit-light-large {
background-position: -174px 0px; background-position: -174px 0px;
} }
.app-audit-dark-large { .apps-audit-dark-large {
background-position: -203px 0px; background-position: -203px 0px;
} }
.app-audit-blue-large, .phabricator-crumb-view:hover .app-audit-dark-large { .apps-audit-blue-large, .phabricator-crumb-view:hover .apps-audit-dark-large {
background-position: -232px 0px; background-position: -232px 0px;
} }
.app-calendar-light-large { .apps-calendar-light-large {
background-position: -261px 0px; background-position: -261px 0px;
} }
.app-calendar-dark-large { .apps-calendar-dark-large {
background-position: -290px 0px; background-position: -290px 0px;
} }
.app-calendar-blue-large, .phabricator-crumb-view:hover .app-calendar-dark-large { .apps-calendar-blue-large, .phabricator-crumb-view:hover .apps-calendar-dark-large {
background-position: -319px 0px; background-position: -319px 0px;
} }
.app-chatlog-light-large { .apps-chatlog-light-large {
background-position: 0px -29px; background-position: 0px -29px;
} }
.app-chatlog-dark-large { .apps-chatlog-dark-large {
background-position: -29px -29px; background-position: -29px -29px;
} }
.app-chatlog-blue-large, .phabricator-crumb-view:hover .app-chatlog-dark-large { .apps-chatlog-blue-large, .phabricator-crumb-view:hover .apps-chatlog-dark-large {
background-position: -58px -29px; background-position: -58px -29px;
} }
.app-conduit-light-large { .apps-conduit-light-large {
background-position: -87px -29px; background-position: -87px -29px;
} }
.app-conduit-dark-large { .apps-conduit-dark-large {
background-position: -116px -29px; background-position: -116px -29px;
} }
.app-conduit-blue-large, .phabricator-crumb-view:hover .app-conduit-dark-large { .apps-conduit-blue-large, .phabricator-crumb-view:hover .apps-conduit-dark-large {
background-position: -145px -29px; background-position: -145px -29px;
} }
.app-conpherence-light-large { .apps-conpherence-light-large {
background-position: -174px -29px; background-position: -174px -29px;
} }
.app-conpherence-dark-large { .apps-conpherence-dark-large {
background-position: -203px -29px; background-position: -203px -29px;
} }
.app-conpherence-blue-large, .phabricator-crumb-view:hover .app-conpherence-dark-large { .apps-conpherence-blue-large, .phabricator-crumb-view:hover .apps-conpherence-dark-large {
background-position: -232px -29px; background-position: -232px -29px;
} }
.app-countdown-light-large { .apps-countdown-light-large {
background-position: -261px -29px; background-position: -261px -29px;
} }
.app-countdown-dark-large { .apps-countdown-dark-large {
background-position: -290px -29px; background-position: -290px -29px;
} }
.app-countdown-blue-large, .phabricator-crumb-view:hover .app-countdown-dark-large { .apps-countdown-blue-large, .phabricator-crumb-view:hover .apps-countdown-dark-large {
background-position: -319px -29px; background-position: -319px -29px;
} }
.app-daemon-light-large { .apps-daemon-light-large {
background-position: 0px -58px; background-position: 0px -58px;
} }
.app-daemon-dark-large { .apps-daemon-dark-large {
background-position: -29px -58px; background-position: -29px -58px;
} }
.app-daemon-blue-large, .phabricator-crumb-view:hover .app-daemon-dark-large { .apps-daemon-blue-large, .phabricator-crumb-view:hover .apps-daemon-dark-large {
background-position: -58px -58px; background-position: -58px -58px;
} }
.app-differential-light-large { .apps-differential-light-large {
background-position: -87px -58px; background-position: -87px -58px;
} }
.app-differential-dark-large { .apps-differential-dark-large {
background-position: -116px -58px; background-position: -116px -58px;
} }
.app-differential-blue-large, .phabricator-crumb-view:hover .app-differential-dark-large { .apps-differential-blue-large, .phabricator-crumb-view:hover .apps-differential-dark-large {
background-position: -145px -58px; background-position: -145px -58px;
} }
.app-diffusion-light-large { .apps-diffusion-light-large {
background-position: -174px -58px; background-position: -174px -58px;
} }
.app-diffusion-dark-large { .apps-diffusion-dark-large {
background-position: -203px -58px; background-position: -203px -58px;
} }
.app-diffusion-blue-large, .phabricator-crumb-view:hover .app-diffusion-dark-large { .apps-diffusion-blue-large, .phabricator-crumb-view:hover .apps-diffusion-dark-large {
background-position: -232px -58px; background-position: -232px -58px;
} }
.app-diviner-light-large { .apps-diviner-light-large {
background-position: -261px -58px; background-position: -261px -58px;
} }
.app-diviner-dark-large { .apps-diviner-dark-large {
background-position: -290px -58px; background-position: -290px -58px;
} }
.app-diviner-blue-large, .phabricator-crumb-view:hover .app-diviner-dark-large { .apps-diviner-blue-large, .phabricator-crumb-view:hover .apps-diviner-dark-large {
background-position: -319px -58px; background-position: -319px -58px;
} }
.app-drydock-light-large { .apps-drydock-light-large {
background-position: 0px -87px; background-position: 0px -87px;
} }
.app-drydock-dark-large { .apps-drydock-dark-large {
background-position: -29px -87px; background-position: -29px -87px;
} }
.app-drydock-blue-large, .phabricator-crumb-view:hover .app-drydock-dark-large { .apps-drydock-blue-large, .phabricator-crumb-view:hover .apps-drydock-dark-large {
background-position: -58px -87px; background-position: -58px -87px;
} }
.app-fact-light-large { .apps-fact-light-large {
background-position: -87px -87px; background-position: -87px -87px;
} }
.app-fact-dark-large { .apps-fact-dark-large {
background-position: -116px -87px; background-position: -116px -87px;
} }
.app-fact-blue-large, .phabricator-crumb-view:hover .app-fact-dark-large { .apps-fact-blue-large, .phabricator-crumb-view:hover .apps-fact-dark-large {
background-position: -145px -87px; background-position: -145px -87px;
} }
.app-feed-light-large { .apps-feed-light-large {
background-position: -174px -87px; background-position: -174px -87px;
} }
.app-feed-dark-large { .apps-feed-dark-large {
background-position: -203px -87px; background-position: -203px -87px;
} }
.app-feed-blue-large, .phabricator-crumb-view:hover .app-feed-dark-large { .apps-feed-blue-large, .phabricator-crumb-view:hover .apps-feed-dark-large {
background-position: -232px -87px; background-position: -232px -87px;
} }
.app-files-light-large { .apps-files-light-large {
background-position: -261px -87px; background-position: -261px -87px;
} }
.app-files-dark-large { .apps-files-dark-large {
background-position: -290px -87px; background-position: -290px -87px;
} }
.app-files-blue-large, .phabricator-crumb-view:hover .app-files-dark-large { .apps-files-blue-large, .phabricator-crumb-view:hover .apps-files-dark-large {
background-position: -319px -87px; background-position: -319px -87px;
} }
.app-flags-light-large { .apps-flags-light-large {
background-position: 0px -116px; background-position: 0px -116px;
} }
.app-flags-dark-large { .apps-flags-dark-large {
background-position: -29px -116px; background-position: -29px -116px;
} }
.app-flags-blue-large, .phabricator-crumb-view:hover .app-flags-dark-large { .apps-flags-blue-large, .phabricator-crumb-view:hover .apps-flags-dark-large {
background-position: -58px -116px; background-position: -58px -116px;
} }
.app-harbormaster-light-large { .apps-harbormaster-light-large {
background-position: -87px -116px; background-position: -87px -116px;
} }
.app-harbormaster-dark-large { .apps-harbormaster-dark-large {
background-position: -116px -116px; background-position: -116px -116px;
} }
.app-harbormaster-blue-large, .phabricator-crumb-view:hover .app-harbormaster-dark-large { .apps-harbormaster-blue-large, .phabricator-crumb-view:hover .apps-harbormaster-dark-large {
background-position: -145px -116px; background-position: -145px -116px;
} }
.app-help-light-large { .apps-help-light-large {
background-position: -174px -116px; background-position: -174px -116px;
} }
.app-help-dark-large { .apps-help-dark-large {
background-position: -203px -116px; background-position: -203px -116px;
} }
.app-help-blue-large, .phabricator-crumb-view:hover .app-help-dark-large { .apps-help-blue-large, .phabricator-crumb-view:hover .apps-help-dark-large {
background-position: -232px -116px; background-position: -232px -116px;
} }
.app-herald-light-large { .apps-herald-light-large {
background-position: -261px -116px; background-position: -261px -116px;
} }
.app-herald-dark-large { .apps-herald-dark-large {
background-position: -290px -116px; background-position: -290px -116px;
} }
.app-herald-blue-large, .phabricator-crumb-view:hover .app-herald-dark-large { .apps-herald-blue-large, .phabricator-crumb-view:hover .apps-herald-dark-large {
background-position: -319px -116px; background-position: -319px -116px;
} }
.app-home-light-large { .apps-home-light-large {
background-position: 0px -145px; background-position: 0px -145px;
} }
.app-home-dark-large { .apps-home-dark-large {
background-position: -29px -145px; background-position: -29px -145px;
} }
.app-home-blue-large, .phabricator-crumb-view:hover .app-home-dark-large { .apps-home-blue-large, .phabricator-crumb-view:hover .apps-home-dark-large {
background-position: -58px -145px; background-position: -58px -145px;
} }
.app-logo-light-large { .apps-logo-light-large {
background-position: -87px -145px; background-position: -87px -145px;
} }
.app-logo-dark-large { .apps-logo-dark-large {
background-position: -116px -145px; background-position: -116px -145px;
} }
.app-logo-blue-large, .phabricator-crumb-view:hover .app-logo-dark-large { .apps-logo-blue-large, .phabricator-crumb-view:hover .apps-logo-dark-large {
background-position: -145px -145px; background-position: -145px -145px;
} }
.app-macro-light-large { .apps-macro-light-large {
background-position: -174px -145px; background-position: -174px -145px;
} }
.app-macro-dark-large { .apps-macro-dark-large {
background-position: -203px -145px; background-position: -203px -145px;
} }
.app-macro-blue-large, .phabricator-crumb-view:hover .app-macro-dark-large { .apps-macro-blue-large, .phabricator-crumb-view:hover .apps-macro-dark-large {
background-position: -232px -145px; background-position: -232px -145px;
} }
.app-mail-light-large { .apps-mail-light-large {
background-position: -261px -145px; background-position: -261px -145px;
} }
.app-mail-dark-large { .apps-mail-dark-large {
background-position: -290px -145px; background-position: -290px -145px;
} }
.app-mail-blue-large, .phabricator-crumb-view:hover .app-mail-dark-large { .apps-mail-blue-large, .phabricator-crumb-view:hover .apps-mail-dark-large {
background-position: -319px -145px; background-position: -319px -145px;
} }
.app-maniphest-light-large { .apps-maniphest-light-large {
background-position: 0px -174px; background-position: 0px -174px;
} }
.app-maniphest-dark-large { .apps-maniphest-dark-large {
background-position: -29px -174px; background-position: -29px -174px;
} }
.app-maniphest-blue-large, .phabricator-crumb-view:hover .app-maniphest-dark-large { .apps-maniphest-blue-large, .phabricator-crumb-view:hover .apps-maniphest-dark-large {
background-position: -58px -174px; background-position: -58px -174px;
} }
.app-metamta-light-large { .apps-metamta-light-large {
background-position: -87px -174px; background-position: -87px -174px;
} }
.app-metamta-dark-large { .apps-metamta-dark-large {
background-position: -116px -174px; background-position: -116px -174px;
} }
.app-metamta-blue-large, .phabricator-crumb-view:hover .app-metamta-dark-large { .apps-metamta-blue-large, .phabricator-crumb-view:hover .apps-metamta-dark-large {
background-position: -145px -174px; background-position: -145px -174px;
} }
.app-owners-light-large { .apps-owners-light-large {
background-position: -174px -174px; background-position: -174px -174px;
} }
.app-owners-dark-large { .apps-owners-dark-large {
background-position: -203px -174px; background-position: -203px -174px;
} }
.app-owners-blue-large, .phabricator-crumb-view:hover .app-owners-dark-large { .apps-owners-blue-large, .phabricator-crumb-view:hover .apps-owners-dark-large {
background-position: -232px -174px; background-position: -232px -174px;
} }
.app-paste-light-large { .apps-paste-light-large {
background-position: -261px -174px; background-position: -261px -174px;
} }
.app-paste-dark-large { .apps-paste-dark-large {
background-position: -290px -174px; background-position: -290px -174px;
} }
.app-paste-blue-large, .phabricator-crumb-view:hover .app-paste-dark-large { .apps-paste-blue-large, .phabricator-crumb-view:hover .apps-paste-dark-large {
background-position: -319px -174px; background-position: -319px -174px;
} }
.app-people-light-large { .apps-people-light-large {
background-position: 0px -203px; background-position: 0px -203px;
} }
.app-people-dark-large { .apps-people-dark-large {
background-position: -29px -203px; background-position: -29px -203px;
} }
.app-people-blue-large, .phabricator-crumb-view:hover .app-people-dark-large { .apps-people-blue-large, .phabricator-crumb-view:hover .apps-people-dark-large {
background-position: -58px -203px; background-position: -58px -203px;
} }
.app-phage-light-large { .apps-phage-light-large {
background-position: -87px -203px; background-position: -87px -203px;
} }
.app-phage-dark-large { .apps-phage-dark-large {
background-position: -116px -203px; background-position: -116px -203px;
} }
.app-phage-blue-large, .phabricator-crumb-view:hover .app-phage-dark-large { .apps-phage-blue-large, .phabricator-crumb-view:hover .apps-phage-dark-large {
background-position: -145px -203px; background-position: -145px -203px;
} }
.app-phame-light-large { .apps-phame-light-large {
background-position: -174px -203px; background-position: -174px -203px;
} }
.app-phame-dark-large { .apps-phame-dark-large {
background-position: -203px -203px; background-position: -203px -203px;
} }
.app-phame-blue-large, .phabricator-crumb-view:hover .app-phame-dark-large { .apps-phame-blue-large, .phabricator-crumb-view:hover .apps-phame-dark-large {
background-position: -232px -203px; background-position: -232px -203px;
} }
.app-phid-light-large { .apps-phid-light-large {
background-position: -261px -203px; background-position: -261px -203px;
} }
.app-phid-dark-large { .apps-phid-dark-large {
background-position: -290px -203px; background-position: -290px -203px;
} }
.app-phid-blue-large, .phabricator-crumb-view:hover .app-phid-dark-large { .apps-phid-blue-large, .phabricator-crumb-view:hover .apps-phid-dark-large {
background-position: -319px -203px; background-position: -319px -203px;
} }
.app-phlux-light-large { .apps-phlux-light-large {
background-position: 0px -232px; background-position: 0px -232px;
} }
.app-phlux-dark-large { .apps-phlux-dark-large {
background-position: -29px -232px; background-position: -29px -232px;
} }
.app-phlux-blue-large, .phabricator-crumb-view:hover .app-phlux-dark-large { .apps-phlux-blue-large, .phabricator-crumb-view:hover .apps-phlux-dark-large {
background-position: -58px -232px; background-position: -58px -232px;
} }
.app-pholio-light-large { .apps-pholio-light-large {
background-position: -87px -232px; background-position: -87px -232px;
} }
.app-pholio-dark-large { .apps-pholio-dark-large {
background-position: -116px -232px; background-position: -116px -232px;
} }
.app-pholio-blue-large, .phabricator-crumb-view:hover .app-pholio-dark-large { .apps-pholio-blue-large, .phabricator-crumb-view:hover .apps-pholio-dark-large {
background-position: -145px -232px; background-position: -145px -232px;
} }
.app-phortune-light-large { .apps-phortune-light-large {
background-position: -174px -232px; background-position: -174px -232px;
} }
.app-phortune-dark-large { .apps-phortune-dark-large {
background-position: -203px -232px; background-position: -203px -232px;
} }
.app-phortune-blue-large, .phabricator-crumb-view:hover .app-phortune-dark-large { .apps-phortune-blue-large, .phabricator-crumb-view:hover .apps-phortune-dark-large {
background-position: -232px -232px; background-position: -232px -232px;
} }
.app-phpast-light-large { .apps-phpast-light-large {
background-position: -261px -232px; background-position: -261px -232px;
} }
.app-phpast-dark-large { .apps-phpast-dark-large {
background-position: -290px -232px; background-position: -290px -232px;
} }
.app-phpast-blue-large, .phabricator-crumb-view:hover .app-phpast-dark-large { .apps-phpast-blue-large, .phabricator-crumb-view:hover .apps-phpast-dark-large {
background-position: -319px -232px; background-position: -319px -232px;
} }
.app-phrequent-light-large { .apps-phrequent-light-large {
background-position: 0px -261px; background-position: 0px -261px;
} }
.app-phrequent-dark-large { .apps-phrequent-dark-large {
background-position: -29px -261px; background-position: -29px -261px;
} }
.app-phrequent-blue-large, .phabricator-crumb-view:hover .app-phrequent-dark-large { .apps-phrequent-blue-large, .phabricator-crumb-view:hover .apps-phrequent-dark-large {
background-position: -58px -261px; background-position: -58px -261px;
} }
.app-phriction-light-large { .apps-phriction-light-large {
background-position: -87px -261px; background-position: -87px -261px;
} }
.app-phriction-dark-large { .apps-phriction-dark-large {
background-position: -116px -261px; background-position: -116px -261px;
} }
.app-phriction-blue-large, .phabricator-crumb-view:hover .app-phriction-dark-large { .apps-phriction-blue-large, .phabricator-crumb-view:hover .apps-phriction-dark-large {
background-position: -145px -261px; background-position: -145px -261px;
} }
.app-ponder-light-large { .apps-ponder-light-large {
background-position: -174px -261px; background-position: -174px -261px;
} }
.app-ponder-dark-large { .apps-ponder-dark-large {
background-position: -203px -261px; background-position: -203px -261px;
} }
.app-ponder-blue-large, .phabricator-crumb-view:hover .app-ponder-dark-large { .apps-ponder-blue-large, .phabricator-crumb-view:hover .apps-ponder-dark-large {
background-position: -232px -261px; background-position: -232px -261px;
} }
.app-power-light-large { .apps-power-light-large {
background-position: -261px -261px; background-position: -261px -261px;
} }
.app-power-dark-large { .apps-power-dark-large {
background-position: -290px -261px; background-position: -290px -261px;
} }
.app-power-blue-large, .phabricator-crumb-view:hover .app-power-dark-large { .apps-power-blue-large, .phabricator-crumb-view:hover .apps-power-dark-large {
background-position: -319px -261px; background-position: -319px -261px;
} }
.app-projects-light-large { .apps-projects-light-large {
background-position: 0px -290px; background-position: 0px -290px;
} }
.app-projects-dark-large { .apps-projects-dark-large {
background-position: -29px -290px; background-position: -29px -290px;
} }
.app-projects-blue-large, .phabricator-crumb-view:hover .app-projects-dark-large { .apps-projects-blue-large, .phabricator-crumb-view:hover .apps-projects-dark-large {
background-position: -58px -290px; background-position: -58px -290px;
} }
.app-releeph-light-large { .apps-releeph-light-large {
background-position: -87px -290px; background-position: -87px -290px;
} }
.app-releeph-dark-large { .apps-releeph-dark-large {
background-position: -116px -290px; background-position: -116px -290px;
} }
.app-releeph-blue-large, .phabricator-crumb-view:hover .app-releeph-dark-large { .apps-releeph-blue-large, .phabricator-crumb-view:hover .apps-releeph-dark-large {
background-position: -145px -290px; background-position: -145px -290px;
} }
.app-repositories-light-large { .apps-repositories-light-large {
background-position: -174px -290px; background-position: -174px -290px;
} }
.app-repositories-dark-large { .apps-repositories-dark-large {
background-position: -203px -290px; background-position: -203px -290px;
} }
.app-repositories-blue-large, .phabricator-crumb-view:hover .app-repositories-dark-large { .apps-repositories-blue-large, .phabricator-crumb-view:hover .apps-repositories-dark-large {
background-position: -232px -290px; background-position: -232px -290px;
} }
.app-settings-light-large { .apps-settings-light-large {
background-position: -261px -290px; background-position: -261px -290px;
} }
.app-settings-dark-large { .apps-settings-dark-large {
background-position: -290px -290px; background-position: -290px -290px;
} }
.app-settings-blue-large, .phabricator-crumb-view:hover .app-settings-dark-large { .apps-settings-blue-large, .phabricator-crumb-view:hover .apps-settings-dark-large {
background-position: -319px -290px; background-position: -319px -290px;
} }
.app-setup-light-large { .apps-setup-light-large {
background-position: 0px -319px; background-position: 0px -319px;
} }
.app-setup-dark-large { .apps-setup-dark-large {
background-position: -29px -319px; background-position: -29px -319px;
} }
.app-setup-blue-large, .phabricator-crumb-view:hover .app-setup-dark-large { .apps-setup-blue-large, .phabricator-crumb-view:hover .apps-setup-dark-large {
background-position: -58px -319px; background-position: -58px -319px;
} }
.app-slowvote-light-large { .apps-slowvote-light-large {
background-position: -87px -319px; background-position: -87px -319px;
} }
.app-slowvote-dark-large { .apps-slowvote-dark-large {
background-position: -116px -319px; background-position: -116px -319px;
} }
.app-slowvote-blue-large, .phabricator-crumb-view:hover .app-slowvote-dark-large { .apps-slowvote-blue-large, .phabricator-crumb-view:hover .apps-slowvote-dark-large {
background-position: -145px -319px; background-position: -145px -319px;
} }
.app-token-light-large { .apps-token-light-large {
background-position: -174px -319px; background-position: -174px -319px;
} }
.app-token-dark-large { .apps-token-dark-large {
background-position: -203px -319px; background-position: -203px -319px;
} }
.app-token-blue-large, .phabricator-crumb-view:hover .app-token-dark-large { .apps-token-blue-large, .phabricator-crumb-view:hover .apps-token-dark-large {
background-position: -232px -319px; background-position: -232px -319px;
} }
.app-uiexamples-light-large { .apps-uiexamples-light-large {
background-position: -261px -319px; background-position: -261px -319px;
} }
.app-uiexamples-dark-large { .apps-uiexamples-dark-large {
background-position: -290px -319px; background-position: -290px -319px;
} }
.app-uiexamples-blue-large, .phabricator-crumb-view:hover .app-uiexamples-dark-large { .apps-uiexamples-blue-large, .phabricator-crumb-view:hover .apps-uiexamples-dark-large {
background-position: -319px -319px; background-position: -319px -319px;
} }
.app-workphlow-light-large { .apps-workphlow-light-large {
background-position: 0px -348px; background-position: 0px -348px;
} }
.app-workphlow-dark-large { .apps-workphlow-dark-large {
background-position: -29px -348px; background-position: -29px -348px;
} }
.app-workphlow-blue-large, .phabricator-crumb-view:hover .app-workphlow-dark-large { .apps-workphlow-blue-large, .phabricator-crumb-view:hover .apps-workphlow-dark-large {
background-position: -58px -348px; background-position: -58px -348px;
} }
.app-xhprof-light-large { .apps-xhprof-light-large {
background-position: -87px -348px; background-position: -87px -348px;
} }
.app-xhprof-dark-large { .apps-xhprof-dark-large {
background-position: -116px -348px; background-position: -116px -348px;
} }
.app-xhprof-blue-large, .phabricator-crumb-view:hover .app-xhprof-dark-large { .apps-xhprof-blue-large, .phabricator-crumb-view:hover .apps-xhprof-dark-large {
background-position: -145px -348px; background-position: -145px -348px;
} }

View file

@ -18,202 +18,202 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
} }
.app-adventure-dark { .apps-adventure-dark {
background-position: 0px 0px; background-position: 0px 0px;
} }
.app-application-dark { .apps-application-dark {
background-position: -15px 0px; background-position: -15px 0px;
} }
.app-audit-dark { .apps-audit-dark {
background-position: -30px 0px; background-position: -30px 0px;
} }
.app-calendar-dark { .apps-calendar-dark {
background-position: -45px 0px; background-position: -45px 0px;
} }
.app-chatlog-dark { .apps-chatlog-dark {
background-position: -60px 0px; background-position: -60px 0px;
} }
.app-conduit-dark { .apps-conduit-dark {
background-position: -75px 0px; background-position: -75px 0px;
} }
.app-conpherence-dark { .apps-conpherence-dark {
background-position: -90px 0px; background-position: -90px 0px;
} }
.app-countdown-dark { .apps-countdown-dark {
background-position: 0px -15px; background-position: 0px -15px;
} }
.app-daemon-dark { .apps-daemon-dark {
background-position: -15px -15px; background-position: -15px -15px;
} }
.app-differential-dark { .apps-differential-dark {
background-position: -30px -15px; background-position: -30px -15px;
} }
.app-diffusion-dark { .apps-diffusion-dark {
background-position: -45px -15px; background-position: -45px -15px;
} }
.app-diviner-dark { .apps-diviner-dark {
background-position: -60px -15px; background-position: -60px -15px;
} }
.app-drydock-dark { .apps-drydock-dark {
background-position: -75px -15px; background-position: -75px -15px;
} }
.app-fact-dark { .apps-fact-dark {
background-position: -90px -15px; background-position: -90px -15px;
} }
.app-feed-dark { .apps-feed-dark {
background-position: 0px -30px; background-position: 0px -30px;
} }
.app-files-dark { .apps-files-dark {
background-position: -15px -30px; background-position: -15px -30px;
} }
.app-flags-dark { .apps-flags-dark {
background-position: -30px -30px; background-position: -30px -30px;
} }
.app-harbormaster-dark { .apps-harbormaster-dark {
background-position: -45px -30px; background-position: -45px -30px;
} }
.app-help-dark { .apps-help-dark {
background-position: -60px -30px; background-position: -60px -30px;
} }
.app-herald-dark { .apps-herald-dark {
background-position: -75px -30px; background-position: -75px -30px;
} }
.app-home-dark { .apps-home-dark {
background-position: -90px -30px; background-position: -90px -30px;
} }
.app-logo-dark { .apps-logo-dark {
background-position: 0px -45px; background-position: 0px -45px;
} }
.app-macro-dark { .apps-macro-dark {
background-position: -15px -45px; background-position: -15px -45px;
} }
.app-mail-dark { .apps-mail-dark {
background-position: -30px -45px; background-position: -30px -45px;
} }
.app-maniphest-dark { .apps-maniphest-dark {
background-position: -45px -45px; background-position: -45px -45px;
} }
.app-metamta-dark { .apps-metamta-dark {
background-position: -60px -45px; background-position: -60px -45px;
} }
.app-owners-dark { .apps-owners-dark {
background-position: -75px -45px; background-position: -75px -45px;
} }
.app-paste-dark { .apps-paste-dark {
background-position: -90px -45px; background-position: -90px -45px;
} }
.app-people-dark { .apps-people-dark {
background-position: 0px -60px; background-position: 0px -60px;
} }
.app-phage-dark { .apps-phage-dark {
background-position: -15px -60px; background-position: -15px -60px;
} }
.app-phame-dark { .apps-phame-dark {
background-position: -30px -60px; background-position: -30px -60px;
} }
.app-phid-dark { .apps-phid-dark {
background-position: -45px -60px; background-position: -45px -60px;
} }
.app-phlux-dark { .apps-phlux-dark {
background-position: -60px -60px; background-position: -60px -60px;
} }
.app-pholio-dark { .apps-pholio-dark {
background-position: -75px -60px; background-position: -75px -60px;
} }
.app-phortune-dark { .apps-phortune-dark {
background-position: -90px -60px; background-position: -90px -60px;
} }
.app-phpast-dark { .apps-phpast-dark {
background-position: 0px -75px; background-position: 0px -75px;
} }
.app-phrequent-dark { .apps-phrequent-dark {
background-position: -15px -75px; background-position: -15px -75px;
} }
.app-phriction-dark { .apps-phriction-dark {
background-position: -30px -75px; background-position: -30px -75px;
} }
.app-ponder-dark { .apps-ponder-dark {
background-position: -45px -75px; background-position: -45px -75px;
} }
.app-power-dark { .apps-power-dark {
background-position: -60px -75px; background-position: -60px -75px;
} }
.app-projects-dark { .apps-projects-dark {
background-position: -75px -75px; background-position: -75px -75px;
} }
.app-releeph-dark { .apps-releeph-dark {
background-position: -90px -75px; background-position: -90px -75px;
} }
.app-repositories-dark { .apps-repositories-dark {
background-position: 0px -90px; background-position: 0px -90px;
} }
.app-settings-dark { .apps-settings-dark {
background-position: -15px -90px; background-position: -15px -90px;
} }
.app-setup-dark { .apps-setup-dark {
background-position: -30px -90px; background-position: -30px -90px;
} }
.app-slowvote-dark { .apps-slowvote-dark {
background-position: -45px -90px; background-position: -45px -90px;
} }
.app-token-dark { .apps-token-dark {
background-position: -60px -90px; background-position: -60px -90px;
} }
.app-uiexamples-dark { .apps-uiexamples-dark {
background-position: -75px -90px; background-position: -75px -90px;
} }
.app-workphlow-dark { .apps-workphlow-dark {
background-position: -90px -90px; background-position: -90px -90px;
} }
.app-xhprof-dark { .apps-xhprof-dark {
background-position: 0px -105px; background-position: 0px -105px;
} }