mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-30 02:32:42 +01:00
cbd3c0b7ac
Summary:
We have a few interfaces where add "Edit", "Delete" or some other action to a list. Currently, this happens via icons, but these are cumbersome and weird, are inconsistent, can't be workflow'd, are hard to hit on desktops and virtually impossible to hit on mobile, and generally just feel iffy to me. Prominent examples are Projects and Flags. I'd like to try adding an "edit" action to Maniphest (to provide quick edit from list views, basically). It looks like some of Releeph would benefit here, as well.
Instead, provide first-class actions:
{F42978}
They produce targets which my meaty ham-fists can plausibly hit on mobile, too:
{F42979}
(We could do some kind of swipe-to-expose thing eventually, but I think putting them by default is OK?)
Test Plan: Added UIExamples. Checked desktop/mobile.
Reviewers: chad, btrahan, edward
Reviewed By: btrahan
CC: aran
Differential Revision: https://secure.phabricator.com/D5890
206 lines
7.5 KiB
JSON
206 lines
7.5 KiB
JSON
{
|
|
"version" : 1,
|
|
"sprites" : {
|
|
"actions-close-dark" : {
|
|
"name" : "actions-close-dark",
|
|
"rule" : ".actions-close-dark, .device-desktop .actions-close-grey.phui-icon-view:hover",
|
|
"hash" : "d371ba7921b4ff14f2f829b8108abe87"
|
|
},
|
|
"actions-close-grey" : {
|
|
"name" : "actions-close-grey",
|
|
"rule" : ".actions-close-grey",
|
|
"hash" : "bec8b545648d31317774e7c2580e3d14"
|
|
},
|
|
"actions-close-white" : {
|
|
"name" : "actions-close-white",
|
|
"rule" : ".actions-close-white",
|
|
"hash" : "52067fda0c9664f97dea0e5d9cd792f0"
|
|
},
|
|
"actions-down-dark" : {
|
|
"name" : "actions-down-dark",
|
|
"rule" : ".actions-down-dark, .device-desktop .actions-down-grey.phui-icon-view:hover",
|
|
"hash" : "6ee657d4245d2ec7d5b5e61ff2401da1"
|
|
},
|
|
"actions-down-grey" : {
|
|
"name" : "actions-down-grey",
|
|
"rule" : ".actions-down-grey",
|
|
"hash" : "146c17409712ba10ce0c567c86f31bf1"
|
|
},
|
|
"actions-down-white" : {
|
|
"name" : "actions-down-white",
|
|
"rule" : ".actions-down-white",
|
|
"hash" : "dd01d18cca43f2ce2cbaa6f73b8257e1"
|
|
},
|
|
"actions-flag-dark" : {
|
|
"name" : "actions-flag-dark",
|
|
"rule" : ".actions-flag-dark, .device-desktop .actions-flag-grey.phui-icon-view:hover",
|
|
"hash" : "1a8320f19cd7bb44d29ee07b4ff5cfc2"
|
|
},
|
|
"actions-flag-grey" : {
|
|
"name" : "actions-flag-grey",
|
|
"rule" : ".actions-flag-grey",
|
|
"hash" : "e8a76919b35c51a8436b8cd4c55bc269"
|
|
},
|
|
"actions-flag-white" : {
|
|
"name" : "actions-flag-white",
|
|
"rule" : ".actions-flag-white",
|
|
"hash" : "b344aaa6d80104e3d79bf9711fa42c60"
|
|
},
|
|
"actions-heart-dark" : {
|
|
"name" : "actions-heart-dark",
|
|
"rule" : ".actions-heart-dark, .device-desktop .actions-heart-grey.phui-icon-view:hover",
|
|
"hash" : "6f4aeb4a6ab5cca45f4cecbac18e2c13"
|
|
},
|
|
"actions-heart-grey" : {
|
|
"name" : "actions-heart-grey",
|
|
"rule" : ".actions-heart-grey",
|
|
"hash" : "b4ef7c03ccb5a4a0ef55a1a1369357c9"
|
|
},
|
|
"actions-heart-white" : {
|
|
"name" : "actions-heart-white",
|
|
"rule" : ".actions-heart-white",
|
|
"hash" : "f0394eb2b30463fafbb77c66332e6eb6"
|
|
},
|
|
"actions-move-dark" : {
|
|
"name" : "actions-move-dark",
|
|
"rule" : ".actions-move-dark, .device-desktop .actions-move-grey.phui-icon-view:hover",
|
|
"hash" : "b0bb220c8909368bfd8b161c30ebf9e4"
|
|
},
|
|
"actions-move-grey" : {
|
|
"name" : "actions-move-grey",
|
|
"rule" : ".actions-move-grey",
|
|
"hash" : "80b5c487ee61d5388f172c234d5d6547"
|
|
},
|
|
"actions-move-white" : {
|
|
"name" : "actions-move-white",
|
|
"rule" : ".actions-move-white",
|
|
"hash" : "c0babe1697ab7753c40efaede8aaf680"
|
|
},
|
|
"actions-new-dark" : {
|
|
"name" : "actions-new-dark",
|
|
"rule" : ".actions-new-dark, .device-desktop .actions-new-grey.phui-icon-view:hover",
|
|
"hash" : "40e6738b606010c4a4b81decc66e91c7"
|
|
},
|
|
"actions-new-grey" : {
|
|
"name" : "actions-new-grey",
|
|
"rule" : ".actions-new-grey",
|
|
"hash" : "60f78d578fef99834f1a429887524ca2"
|
|
},
|
|
"actions-new-white" : {
|
|
"name" : "actions-new-white",
|
|
"rule" : ".actions-new-white",
|
|
"hash" : "b2345dd8353c0ddd2d99775542d62360"
|
|
},
|
|
"actions-search-dark" : {
|
|
"name" : "actions-search-dark",
|
|
"rule" : ".actions-search-dark, .device-desktop .actions-search-grey.phui-icon-view:hover",
|
|
"hash" : "ddc5d23c829e17d38ba2ea2cea9fd6c4"
|
|
},
|
|
"actions-search-grey" : {
|
|
"name" : "actions-search-grey",
|
|
"rule" : ".actions-search-grey",
|
|
"hash" : "c6c8214375b3442a890b48a75ee95c0d"
|
|
},
|
|
"actions-search-white" : {
|
|
"name" : "actions-search-white",
|
|
"rule" : ".actions-search-white",
|
|
"hash" : "25b9bfb1808547f8b141ea35d7764353"
|
|
},
|
|
"actions-settings-dark" : {
|
|
"name" : "actions-settings-dark",
|
|
"rule" : ".actions-settings-dark, .device-desktop .actions-settings-grey.phui-icon-view:hover",
|
|
"hash" : "7b5abbebcdfec9137c66e36cfad13071"
|
|
},
|
|
"actions-settings-grey" : {
|
|
"name" : "actions-settings-grey",
|
|
"rule" : ".actions-settings-grey",
|
|
"hash" : "970decba8ae9bb183d6f090d196c7fc5"
|
|
},
|
|
"actions-settings-white" : {
|
|
"name" : "actions-settings-white",
|
|
"rule" : ".actions-settings-white",
|
|
"hash" : "368c765c374b059ab25e41d1f7204aa8"
|
|
},
|
|
"actions-star-dark" : {
|
|
"name" : "actions-star-dark",
|
|
"rule" : ".actions-star-dark, .device-desktop .actions-star-grey.phui-icon-view:hover",
|
|
"hash" : "17270fb5f28101f65040c854c04a8857"
|
|
},
|
|
"actions-star-grey" : {
|
|
"name" : "actions-star-grey",
|
|
"rule" : ".actions-star-grey",
|
|
"hash" : "dcbabdf40a79100d51d372ae9e8716ff"
|
|
},
|
|
"actions-star-white" : {
|
|
"name" : "actions-star-white",
|
|
"rule" : ".actions-star-white",
|
|
"hash" : "845ce22ed1e7eeed4f45047fa9325ab3"
|
|
},
|
|
"actions-tag-dark" : {
|
|
"name" : "actions-tag-dark",
|
|
"rule" : ".actions-tag-dark, .device-desktop .actions-tag-grey.phui-icon-view:hover",
|
|
"hash" : "b5dbc809ac52d464e5bf29c84c2d9a29"
|
|
},
|
|
"actions-tag-grey" : {
|
|
"name" : "actions-tag-grey",
|
|
"rule" : ".actions-tag-grey",
|
|
"hash" : "0558ef19806b5f89d2af585178c4afc1"
|
|
},
|
|
"actions-tag-white" : {
|
|
"name" : "actions-tag-white",
|
|
"rule" : ".actions-tag-white",
|
|
"hash" : "ecd4ae0949552a9bae0fe277408a77d8"
|
|
},
|
|
"actions-token-dark" : {
|
|
"name" : "actions-token-dark",
|
|
"rule" : ".actions-token-dark, .device-desktop .actions-token-grey.phui-icon-view:hover",
|
|
"hash" : "454c1afb874dec4f1df5695e7eff7326"
|
|
},
|
|
"actions-token-grey" : {
|
|
"name" : "actions-token-grey",
|
|
"rule" : ".actions-token-grey",
|
|
"hash" : "04d9fc2dd373804d00b60a576d6cc94f"
|
|
},
|
|
"actions-token-white" : {
|
|
"name" : "actions-token-white",
|
|
"rule" : ".actions-token-white",
|
|
"hash" : "0354f489a9f1bafd9d88181c7e8959ff"
|
|
},
|
|
"actions-up-dark" : {
|
|
"name" : "actions-up-dark",
|
|
"rule" : ".actions-up-dark, .device-desktop .actions-up-grey.phui-icon-view:hover",
|
|
"hash" : "f922e6b5ddde61c63cb25fc69f29ac59"
|
|
},
|
|
"actions-up-grey" : {
|
|
"name" : "actions-up-grey",
|
|
"rule" : ".actions-up-grey",
|
|
"hash" : "188470ed37fbee2bedf8cf099601b2cc"
|
|
},
|
|
"actions-up-white" : {
|
|
"name" : "actions-up-white",
|
|
"rule" : ".actions-up-white",
|
|
"hash" : "a34868ad7c6af02b8bba5c2c67f261b0"
|
|
},
|
|
"actions-wrench-dark" : {
|
|
"name" : "actions-wrench-dark",
|
|
"rule" : ".actions-wrench-dark, .device-desktop .actions-wrench-grey.phui-icon-view:hover",
|
|
"hash" : "376d45f6796291816d2a4679021e2181"
|
|
},
|
|
"actions-wrench-grey" : {
|
|
"name" : "actions-wrench-grey",
|
|
"rule" : ".actions-wrench-grey",
|
|
"hash" : "ac1cf1f6a12367eb3a5a3b36e400b26d"
|
|
},
|
|
"actions-wrench-white" : {
|
|
"name" : "actions-wrench-white",
|
|
"rule" : ".actions-wrench-white",
|
|
"hash" : "5ed6e55f0b52949fe02bde899ce86b34"
|
|
}
|
|
},
|
|
"scales" : [
|
|
1,
|
|
2
|
|
],
|
|
"header" : "\/**\n * @provides sprite-actions-css\n * @generated\n *\/\n\n.sprite-actions {\n background-image: url(\/rsrc\/image\/sprite-actions.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5) {\n .sprite-actions {\n background-image: url(\/rsrc\/image\/sprite-actions-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
|
|
"type" : "standard"
|
|
}
|