PHUIIconView

Summary: Adds a base class for displaying images and icons.

Test Plan: Tested giving and taking tokens, viewed action headers, uiexamples for icons, workboards.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5736
This commit is contained in:
Chad Little
2013-04-19 17:44:20 -07:00
parent dc6cfe6e01
commit 7aea37c443
20 changed files with 341 additions and 170 deletions

View File

@@ -3,7 +3,7 @@
"sprites" : {
"actions-close-dark" : {
"name" : "actions-close-dark",
"rule" : ".actions-close-dark, .device-desktop .actions-close-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-close-dark, .device-desktop .actions-close-grey.phui-icon-item-link:hover",
"hash" : "f04c5692010a6d96b6fa83a26d73737e"
},
"actions-close-grey" : {
@@ -18,7 +18,7 @@
},
"actions-flag-dark" : {
"name" : "actions-flag-dark",
"rule" : ".actions-flag-dark, .device-desktop .actions-flag-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-flag-dark, .device-desktop .actions-flag-grey.phui-icon-item-link:hover",
"hash" : "4ae54fc28dd2d6cfa6e57dde7bd640cf"
},
"actions-flag-grey" : {
@@ -33,7 +33,7 @@
},
"actions-heart-dark" : {
"name" : "actions-heart-dark",
"rule" : ".actions-heart-dark, .device-desktop .actions-heart-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-heart-dark, .device-desktop .actions-heart-grey.phui-icon-item-link:hover",
"hash" : "90b437a281724a4961e33272eafd616b"
},
"actions-heart-grey" : {
@@ -48,7 +48,7 @@
},
"actions-move-dark" : {
"name" : "actions-move-dark",
"rule" : ".actions-move-dark, .device-desktop .actions-move-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-move-dark, .device-desktop .actions-move-grey.phui-icon-item-link:hover",
"hash" : "38f5b9168bf04d1a904b09805e589cd7"
},
"actions-move-grey" : {
@@ -63,7 +63,7 @@
},
"actions-new-dark" : {
"name" : "actions-new-dark",
"rule" : ".actions-new-dark, .device-desktop .actions-new-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-new-dark, .device-desktop .actions-new-grey.phui-icon-item-link:hover",
"hash" : "52c45b76d0dbd51e6eb65f0597d5098a"
},
"actions-new-grey" : {
@@ -78,7 +78,7 @@
},
"actions-search-dark" : {
"name" : "actions-search-dark",
"rule" : ".actions-search-dark, .device-desktop .actions-search-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-search-dark, .device-desktop .actions-search-grey.phui-icon-item-link:hover",
"hash" : "6ff124bc9423bf98be5a53e22508cd26"
},
"actions-search-grey" : {
@@ -93,7 +93,7 @@
},
"actions-settings-dark" : {
"name" : "actions-settings-dark",
"rule" : ".actions-settings-dark, .device-desktop .actions-settings-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-settings-dark, .device-desktop .actions-settings-grey.phui-icon-item-link:hover",
"hash" : "5ecb08643250a052e5d090ef4660faf5"
},
"actions-settings-grey" : {
@@ -108,7 +108,7 @@
},
"actions-star-dark" : {
"name" : "actions-star-dark",
"rule" : ".actions-star-dark, .device-desktop .actions-star-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-star-dark, .device-desktop .actions-star-grey.phui-icon-item-link:hover",
"hash" : "45567d03f8e34811eca0621e93b5e050"
},
"actions-star-grey" : {
@@ -123,7 +123,7 @@
},
"actions-tag-dark" : {
"name" : "actions-tag-dark",
"rule" : ".actions-tag-dark, .device-desktop .actions-tag-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-tag-dark, .device-desktop .actions-tag-grey.phui-icon-item-link:hover",
"hash" : "24d97fa7524d0bf1bac17d9e07a63f48"
},
"actions-tag-grey" : {
@@ -138,7 +138,7 @@
},
"actions-wrench-dark" : {
"name" : "actions-wrench-dark",
"rule" : ".actions-wrench-dark, .device-desktop .actions-wrench-grey.phabricator-action-icon-item-link:hover",
"rule" : ".actions-wrench-dark, .device-desktop .actions-wrench-grey.phui-icon-item-link:hover",
"hash" : "3a5cfa463c3c89194d3bbce3952a6e80"
},
"actions-wrench-grey" : {

View File

@@ -1,84 +1,84 @@
{
"version" : 1,
"sprites" : {
"token-coin-1" : {
"name" : "token-coin-1",
"rule" : ".token-coin-1",
"tokens-coin-1" : {
"name" : "tokens-coin-1",
"rule" : ".tokens-coin-1",
"hash" : "5e1fa22d5ef7f2d8ea14839c303315bb"
},
"token-coin-2" : {
"name" : "token-coin-2",
"rule" : ".token-coin-2",
"tokens-coin-2" : {
"name" : "tokens-coin-2",
"rule" : ".tokens-coin-2",
"hash" : "6a6ef9f8730e5919fa16669258ecb74d"
},
"token-coin-3" : {
"name" : "token-coin-3",
"rule" : ".token-coin-3",
"tokens-coin-3" : {
"name" : "tokens-coin-3",
"rule" : ".tokens-coin-3",
"hash" : "97256d9133c6aaf965925218d846cc32"
},
"token-coin-4" : {
"name" : "token-coin-4",
"rule" : ".token-coin-4",
"tokens-coin-4" : {
"name" : "tokens-coin-4",
"rule" : ".tokens-coin-4",
"hash" : "51cb98e751ad6f7f6d30d0acbe3bfc7c"
},
"token-heart-1" : {
"name" : "token-heart-1",
"rule" : ".token-heart-1",
"tokens-heart-1" : {
"name" : "tokens-heart-1",
"rule" : ".tokens-heart-1",
"hash" : "eacfe71d6ede3f994223a02e875135b2"
},
"token-heart-2" : {
"name" : "token-heart-2",
"rule" : ".token-heart-2",
"tokens-heart-2" : {
"name" : "tokens-heart-2",
"rule" : ".tokens-heart-2",
"hash" : "4745a935630e1b049e63c93e88667867"
},
"token-like-1" : {
"name" : "token-like-1",
"rule" : ".token-like-1",
"tokens-like-1" : {
"name" : "tokens-like-1",
"rule" : ".tokens-like-1",
"hash" : "6e38278e6653c03135157d2865907722"
},
"token-like-2" : {
"name" : "token-like-2",
"rule" : ".token-like-2",
"tokens-like-2" : {
"name" : "tokens-like-2",
"rule" : ".tokens-like-2",
"hash" : "fb47711ebbc21515cfd6fab3a19d8c7a"
},
"token-medal-1" : {
"name" : "token-medal-1",
"rule" : ".token-medal-1",
"tokens-medal-1" : {
"name" : "tokens-medal-1",
"rule" : ".tokens-medal-1",
"hash" : "979c6f8b7dad182e912a0d67b44595c2"
},
"token-medal-2" : {
"name" : "token-medal-2",
"rule" : ".token-medal-2",
"tokens-medal-2" : {
"name" : "tokens-medal-2",
"rule" : ".tokens-medal-2",
"hash" : "2263fc36370d88bceb620128902a51ae"
},
"token-medal-3" : {
"name" : "token-medal-3",
"rule" : ".token-medal-3",
"tokens-medal-3" : {
"name" : "tokens-medal-3",
"rule" : ".tokens-medal-3",
"hash" : "95a83057cbd9ebb7ca2f1f082c72ddac"
},
"token-medal-4" : {
"name" : "token-medal-4",
"rule" : ".token-medal-4",
"tokens-medal-4" : {
"name" : "tokens-medal-4",
"rule" : ".tokens-medal-4",
"hash" : "c8c94dd2f0e8a2a8711f1f21be61ea3b"
},
"token-misc-1" : {
"name" : "token-misc-1",
"rule" : ".token-misc-1",
"tokens-misc-1" : {
"name" : "tokens-misc-1",
"rule" : ".tokens-misc-1",
"hash" : "d16df367d29e0aedabcfb11c672ebd8c"
},
"token-misc-2" : {
"name" : "token-misc-2",
"rule" : ".token-misc-2",
"tokens-misc-2" : {
"name" : "tokens-misc-2",
"rule" : ".tokens-misc-2",
"hash" : "74d971c084b2f7665a84c61c0846446c"
},
"token-misc-3" : {
"name" : "token-misc-3",
"rule" : ".token-misc-3",
"tokens-misc-3" : {
"name" : "tokens-misc-3",
"rule" : ".tokens-misc-3",
"hash" : "c91387778404c8e88f243477d056d985"
},
"token-misc-4" : {
"name" : "token-misc-4",
"rule" : ".token-misc-4",
"tokens-misc-4" : {
"name" : "tokens-misc-4",
"rule" : ".tokens-misc-4",
"hash" : "4705e7c79906180c04286a62d375f33b"
}
},