Navbar quick add icons... probably
Summary: Let's see how these do, seems ok Test Plan: Microsoft Paint Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D6615
BIN
resources/sprite/apps_blue_2x/new.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
resources/sprite/apps_blue_4x/new.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
resources/sprite/apps_dark_1x/new.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
resources/sprite/apps_dark_2x/new.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
resources/sprite/apps_dark_4x/new.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
resources/sprite/apps_lb_2x/new.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
resources/sprite/apps_lb_4x/new.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
resources/sprite/apps_white_1x/new.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
resources/sprite/apps_white_2x/new.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
resources/sprite/apps_white_4x/new.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
|
@ -561,6 +561,26 @@
|
|||
"rule" : ".apps-metamta-white-large",
|
||||
"hash" : "076be59cc84b57c12e9f8b8542d103c3"
|
||||
},
|
||||
"apps-new-blue-large" : {
|
||||
"name" : "apps-new-blue-large",
|
||||
"rule" : ".apps-new-blue-large, .phabricator-crumb-view:hover .apps-new-dark-large",
|
||||
"hash" : "90656ea1eb5379434b77579df47318f3"
|
||||
},
|
||||
"apps-new-dark-large" : {
|
||||
"name" : "apps-new-dark-large",
|
||||
"rule" : ".apps-new-dark-large",
|
||||
"hash" : "2412643dfde502a297d2c35eb9ba4f93"
|
||||
},
|
||||
"apps-new-light-large" : {
|
||||
"name" : "apps-new-light-large",
|
||||
"rule" : ".apps-new-light-large",
|
||||
"hash" : "c93739e145aec183aaa1fea4e37aa3aa"
|
||||
},
|
||||
"apps-new-white-large" : {
|
||||
"name" : "apps-new-white-large",
|
||||
"rule" : ".apps-new-white-large",
|
||||
"hash" : "be597ce11c4d1630f67282cd7b81cc85"
|
||||
},
|
||||
"apps-owners-blue-large" : {
|
||||
"name" : "apps-owners-blue-large",
|
||||
"rule" : ".apps-owners-blue-large, .phabricator-crumb-view:hover .apps-owners-dark-large",
|
||||
|
|
|
@ -281,6 +281,16 @@
|
|||
"rule" : ".apps-metamta-white",
|
||||
"hash" : "1664f51de85251cf358b9fad3623d1d5"
|
||||
},
|
||||
"apps-new-dark" : {
|
||||
"name" : "apps-new-dark",
|
||||
"rule" : ".apps-new-dark",
|
||||
"hash" : "39f2b8d62c4595dc653badf9f11a08d7"
|
||||
},
|
||||
"apps-new-white" : {
|
||||
"name" : "apps-new-white",
|
||||
"rule" : ".apps-new-white",
|
||||
"hash" : "dc5ce42c7d60e6ba37b07631b3c3280a"
|
||||
},
|
||||
"apps-owners-dark" : {
|
||||
"name" : "apps-owners-dark",
|
||||
"rule" : ".apps-owners-dark",
|
||||
|
|
|
@ -195,274 +195,290 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
|||
}
|
||||
|
||||
.apps-diffusion-light-large {
|
||||
background-position: 0px -87px;
|
||||
background-position: -406px -58px;
|
||||
}
|
||||
|
||||
.apps-diffusion-dark-large {
|
||||
background-position: -29px -87px;
|
||||
background-position: 0px -87px;
|
||||
}
|
||||
|
||||
.apps-diffusion-blue-large, .phabricator-crumb-view:hover .apps-diffusion-dark-large {
|
||||
background-position: -58px -87px;
|
||||
background-position: -29px -87px;
|
||||
}
|
||||
|
||||
.apps-diffusion-white-large {
|
||||
background-position: -87px -87px;
|
||||
background-position: -58px -87px;
|
||||
}
|
||||
|
||||
.apps-diviner-light-large {
|
||||
background-position: -116px -87px;
|
||||
background-position: -87px -87px;
|
||||
}
|
||||
|
||||
.apps-diviner-dark-large {
|
||||
background-position: -145px -87px;
|
||||
background-position: -116px -87px;
|
||||
}
|
||||
|
||||
.apps-diviner-blue-large, .phabricator-crumb-view:hover .apps-diviner-dark-large {
|
||||
background-position: -174px -87px;
|
||||
background-position: -145px -87px;
|
||||
}
|
||||
|
||||
.apps-diviner-white-large {
|
||||
background-position: -203px -87px;
|
||||
background-position: -174px -87px;
|
||||
}
|
||||
|
||||
.apps-drydock-light-large {
|
||||
background-position: -232px -87px;
|
||||
background-position: -203px -87px;
|
||||
}
|
||||
|
||||
.apps-drydock-dark-large {
|
||||
background-position: -261px -87px;
|
||||
background-position: -232px -87px;
|
||||
}
|
||||
|
||||
.apps-drydock-blue-large, .phabricator-crumb-view:hover .apps-drydock-dark-large {
|
||||
background-position: -290px -87px;
|
||||
background-position: -261px -87px;
|
||||
}
|
||||
|
||||
.apps-drydock-white-large {
|
||||
background-position: -319px -87px;
|
||||
background-position: -290px -87px;
|
||||
}
|
||||
|
||||
.apps-fact-light-large {
|
||||
background-position: -348px -87px;
|
||||
background-position: -319px -87px;
|
||||
}
|
||||
|
||||
.apps-fact-dark-large {
|
||||
background-position: -377px -87px;
|
||||
background-position: -348px -87px;
|
||||
}
|
||||
|
||||
.apps-fact-blue-large, .phabricator-crumb-view:hover .apps-fact-dark-large {
|
||||
background-position: 0px -116px;
|
||||
background-position: -377px -87px;
|
||||
}
|
||||
|
||||
.apps-fact-white-large {
|
||||
background-position: -29px -116px;
|
||||
background-position: -406px -87px;
|
||||
}
|
||||
|
||||
.apps-feed-light-large {
|
||||
background-position: -58px -116px;
|
||||
background-position: 0px -116px;
|
||||
}
|
||||
|
||||
.apps-feed-dark-large {
|
||||
background-position: -87px -116px;
|
||||
background-position: -29px -116px;
|
||||
}
|
||||
|
||||
.apps-feed-blue-large, .phabricator-crumb-view:hover .apps-feed-dark-large {
|
||||
background-position: -116px -116px;
|
||||
background-position: -58px -116px;
|
||||
}
|
||||
|
||||
.apps-feed-white-large {
|
||||
background-position: -145px -116px;
|
||||
background-position: -87px -116px;
|
||||
}
|
||||
|
||||
.apps-files-light-large {
|
||||
background-position: -174px -116px;
|
||||
background-position: -116px -116px;
|
||||
}
|
||||
|
||||
.apps-files-dark-large {
|
||||
background-position: -203px -116px;
|
||||
background-position: -145px -116px;
|
||||
}
|
||||
|
||||
.apps-files-blue-large, .phabricator-crumb-view:hover .apps-files-dark-large {
|
||||
background-position: -232px -116px;
|
||||
background-position: -174px -116px;
|
||||
}
|
||||
|
||||
.apps-files-white-large {
|
||||
background-position: -261px -116px;
|
||||
background-position: -203px -116px;
|
||||
}
|
||||
|
||||
.apps-flags-light-large {
|
||||
background-position: -290px -116px;
|
||||
background-position: -232px -116px;
|
||||
}
|
||||
|
||||
.apps-flags-dark-large {
|
||||
background-position: -319px -116px;
|
||||
background-position: -261px -116px;
|
||||
}
|
||||
|
||||
.apps-flags-blue-large, .phabricator-crumb-view:hover .apps-flags-dark-large {
|
||||
background-position: -348px -116px;
|
||||
background-position: -290px -116px;
|
||||
}
|
||||
|
||||
.apps-flags-white-large {
|
||||
background-position: -377px -116px;
|
||||
background-position: -319px -116px;
|
||||
}
|
||||
|
||||
.apps-harbormaster-light-large {
|
||||
background-position: 0px -145px;
|
||||
background-position: -348px -116px;
|
||||
}
|
||||
|
||||
.apps-harbormaster-dark-large {
|
||||
background-position: -29px -145px;
|
||||
background-position: -377px -116px;
|
||||
}
|
||||
|
||||
.apps-harbormaster-blue-large, .phabricator-crumb-view:hover .apps-harbormaster-dark-large {
|
||||
background-position: -58px -145px;
|
||||
background-position: -406px -116px;
|
||||
}
|
||||
|
||||
.apps-harbormaster-white-large {
|
||||
background-position: -87px -145px;
|
||||
background-position: 0px -145px;
|
||||
}
|
||||
|
||||
.apps-help-light-large {
|
||||
background-position: -116px -145px;
|
||||
background-position: -29px -145px;
|
||||
}
|
||||
|
||||
.apps-help-dark-large {
|
||||
background-position: -145px -145px;
|
||||
background-position: -58px -145px;
|
||||
}
|
||||
|
||||
.apps-help-blue-large, .phabricator-crumb-view:hover .apps-help-dark-large {
|
||||
background-position: -174px -145px;
|
||||
background-position: -87px -145px;
|
||||
}
|
||||
|
||||
.apps-help-white-large {
|
||||
background-position: -203px -145px;
|
||||
background-position: -116px -145px;
|
||||
}
|
||||
|
||||
.apps-herald-light-large {
|
||||
background-position: -232px -145px;
|
||||
background-position: -145px -145px;
|
||||
}
|
||||
|
||||
.apps-herald-dark-large {
|
||||
background-position: -261px -145px;
|
||||
background-position: -174px -145px;
|
||||
}
|
||||
|
||||
.apps-herald-blue-large, .phabricator-crumb-view:hover .apps-herald-dark-large {
|
||||
background-position: -290px -145px;
|
||||
background-position: -203px -145px;
|
||||
}
|
||||
|
||||
.apps-herald-white-large {
|
||||
background-position: -319px -145px;
|
||||
background-position: -232px -145px;
|
||||
}
|
||||
|
||||
.apps-home-light-large {
|
||||
background-position: -348px -145px;
|
||||
background-position: -261px -145px;
|
||||
}
|
||||
|
||||
.apps-home-dark-large {
|
||||
background-position: -377px -145px;
|
||||
background-position: -290px -145px;
|
||||
}
|
||||
|
||||
.apps-home-blue-large, .phabricator-crumb-view:hover .apps-home-dark-large {
|
||||
background-position: 0px -174px;
|
||||
background-position: -319px -145px;
|
||||
}
|
||||
|
||||
.apps-home-white-large {
|
||||
background-position: -29px -174px;
|
||||
background-position: -348px -145px;
|
||||
}
|
||||
|
||||
.apps-legalpad-light-large {
|
||||
background-position: -58px -174px;
|
||||
background-position: -377px -145px;
|
||||
}
|
||||
|
||||
.apps-legalpad-dark-large {
|
||||
background-position: -87px -174px;
|
||||
background-position: -406px -145px;
|
||||
}
|
||||
|
||||
.apps-legalpad-blue-large, .phabricator-crumb-view:hover .apps-legalpad-dark-large {
|
||||
background-position: -116px -174px;
|
||||
background-position: 0px -174px;
|
||||
}
|
||||
|
||||
.apps-legalpad-white-large {
|
||||
background-position: -145px -174px;
|
||||
background-position: -29px -174px;
|
||||
}
|
||||
|
||||
.apps-logo-light-large {
|
||||
background-position: -174px -174px;
|
||||
background-position: -58px -174px;
|
||||
}
|
||||
|
||||
.apps-logo-dark-large {
|
||||
background-position: -203px -174px;
|
||||
background-position: -87px -174px;
|
||||
}
|
||||
|
||||
.apps-logo-blue-large, .phabricator-crumb-view:hover .apps-logo-dark-large {
|
||||
background-position: -232px -174px;
|
||||
background-position: -116px -174px;
|
||||
}
|
||||
|
||||
.apps-logo-white-large {
|
||||
background-position: -261px -174px;
|
||||
background-position: -145px -174px;
|
||||
}
|
||||
|
||||
.apps-macro-light-large {
|
||||
background-position: -290px -174px;
|
||||
background-position: -174px -174px;
|
||||
}
|
||||
|
||||
.apps-macro-dark-large {
|
||||
background-position: -319px -174px;
|
||||
background-position: -203px -174px;
|
||||
}
|
||||
|
||||
.apps-macro-blue-large, .phabricator-crumb-view:hover .apps-macro-dark-large {
|
||||
background-position: -348px -174px;
|
||||
background-position: -232px -174px;
|
||||
}
|
||||
|
||||
.apps-macro-white-large {
|
||||
background-position: -377px -174px;
|
||||
background-position: -261px -174px;
|
||||
}
|
||||
|
||||
.apps-mail-light-large {
|
||||
background-position: 0px -203px;
|
||||
background-position: -290px -174px;
|
||||
}
|
||||
|
||||
.apps-mail-dark-large {
|
||||
background-position: -29px -203px;
|
||||
background-position: -319px -174px;
|
||||
}
|
||||
|
||||
.apps-mail-blue-large, .phabricator-crumb-view:hover .apps-mail-dark-large {
|
||||
background-position: -58px -203px;
|
||||
background-position: -348px -174px;
|
||||
}
|
||||
|
||||
.apps-mail-white-large {
|
||||
background-position: -87px -203px;
|
||||
background-position: -377px -174px;
|
||||
}
|
||||
|
||||
.apps-maniphest-light-large {
|
||||
background-position: -116px -203px;
|
||||
background-position: 0px -203px;
|
||||
}
|
||||
|
||||
.apps-maniphest-dark-large {
|
||||
background-position: -145px -203px;
|
||||
background-position: -29px -203px;
|
||||
}
|
||||
|
||||
.apps-maniphest-blue-large, .phabricator-crumb-view:hover .apps-maniphest-dark-large {
|
||||
background-position: -174px -203px;
|
||||
background-position: -58px -203px;
|
||||
}
|
||||
|
||||
.apps-maniphest-white-large {
|
||||
background-position: -203px -203px;
|
||||
background-position: -87px -203px;
|
||||
}
|
||||
|
||||
.apps-metamta-light-large {
|
||||
background-position: -232px -203px;
|
||||
background-position: -116px -203px;
|
||||
}
|
||||
|
||||
.apps-metamta-dark-large {
|
||||
background-position: -261px -203px;
|
||||
background-position: -145px -203px;
|
||||
}
|
||||
|
||||
.apps-metamta-blue-large, .phabricator-crumb-view:hover .apps-metamta-dark-large {
|
||||
background-position: -290px -203px;
|
||||
background-position: -174px -203px;
|
||||
}
|
||||
|
||||
.apps-metamta-white-large {
|
||||
background-position: -203px -203px;
|
||||
}
|
||||
|
||||
.apps-new-light-large {
|
||||
background-position: -232px -203px;
|
||||
}
|
||||
|
||||
.apps-new-dark-large {
|
||||
background-position: -261px -203px;
|
||||
}
|
||||
|
||||
.apps-new-blue-large, .phabricator-crumb-view:hover .apps-new-dark-large {
|
||||
background-position: -290px -203px;
|
||||
}
|
||||
|
||||
.apps-new-white-large {
|
||||
background-position: -319px -203px;
|
||||
}
|
||||
|
||||
|
|
|
@ -242,202 +242,210 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5) {
|
|||
background-position: -75px -75px;
|
||||
}
|
||||
|
||||
.apps-owners-dark {
|
||||
.apps-new-dark {
|
||||
background-position: -90px -75px;
|
||||
}
|
||||
|
||||
.apps-owners-white {
|
||||
.apps-new-white {
|
||||
background-position: -105px -75px;
|
||||
}
|
||||
|
||||
.apps-paste-dark {
|
||||
.apps-owners-dark {
|
||||
background-position: -120px -75px;
|
||||
}
|
||||
|
||||
.apps-paste-white {
|
||||
.apps-owners-white {
|
||||
background-position: -135px -75px;
|
||||
}
|
||||
|
||||
.apps-people-dark {
|
||||
.apps-paste-dark {
|
||||
background-position: 0px -90px;
|
||||
}
|
||||
|
||||
.apps-people-white {
|
||||
.apps-paste-white {
|
||||
background-position: -15px -90px;
|
||||
}
|
||||
|
||||
.apps-phage-dark {
|
||||
.apps-people-dark {
|
||||
background-position: -30px -90px;
|
||||
}
|
||||
|
||||
.apps-phage-white {
|
||||
.apps-people-white {
|
||||
background-position: -45px -90px;
|
||||
}
|
||||
|
||||
.apps-phame-dark {
|
||||
.apps-phage-dark {
|
||||
background-position: -60px -90px;
|
||||
}
|
||||
|
||||
.apps-phame-white {
|
||||
.apps-phage-white {
|
||||
background-position: -75px -90px;
|
||||
}
|
||||
|
||||
.apps-phid-dark {
|
||||
.apps-phame-dark {
|
||||
background-position: -90px -90px;
|
||||
}
|
||||
|
||||
.apps-phid-white {
|
||||
.apps-phame-white {
|
||||
background-position: -105px -90px;
|
||||
}
|
||||
|
||||
.apps-phlux-dark {
|
||||
.apps-phid-dark {
|
||||
background-position: -120px -90px;
|
||||
}
|
||||
|
||||
.apps-phlux-white {
|
||||
.apps-phid-white {
|
||||
background-position: -135px -90px;
|
||||
}
|
||||
|
||||
.apps-pholio-dark {
|
||||
.apps-phlux-dark {
|
||||
background-position: 0px -105px;
|
||||
}
|
||||
|
||||
.apps-pholio-white {
|
||||
.apps-phlux-white {
|
||||
background-position: -15px -105px;
|
||||
}
|
||||
|
||||
.apps-phortune-dark {
|
||||
.apps-pholio-dark {
|
||||
background-position: -30px -105px;
|
||||
}
|
||||
|
||||
.apps-phortune-white {
|
||||
.apps-pholio-white {
|
||||
background-position: -45px -105px;
|
||||
}
|
||||
|
||||
.apps-phpast-dark {
|
||||
.apps-phortune-dark {
|
||||
background-position: -60px -105px;
|
||||
}
|
||||
|
||||
.apps-phpast-white {
|
||||
.apps-phortune-white {
|
||||
background-position: -75px -105px;
|
||||
}
|
||||
|
||||
.apps-phrequent-dark {
|
||||
.apps-phpast-dark {
|
||||
background-position: -90px -105px;
|
||||
}
|
||||
|
||||
.apps-phrequent-white {
|
||||
.apps-phpast-white {
|
||||
background-position: -105px -105px;
|
||||
}
|
||||
|
||||
.apps-phriction-dark {
|
||||
.apps-phrequent-dark {
|
||||
background-position: -120px -105px;
|
||||
}
|
||||
|
||||
.apps-phriction-white {
|
||||
.apps-phrequent-white {
|
||||
background-position: -135px -105px;
|
||||
}
|
||||
|
||||
.apps-policy-dark {
|
||||
.apps-phriction-dark {
|
||||
background-position: 0px -120px;
|
||||
}
|
||||
|
||||
.apps-policy-white {
|
||||
.apps-phriction-white {
|
||||
background-position: -15px -120px;
|
||||
}
|
||||
|
||||
.apps-ponder-dark {
|
||||
.apps-policy-dark {
|
||||
background-position: -30px -120px;
|
||||
}
|
||||
|
||||
.apps-ponder-white {
|
||||
.apps-policy-white {
|
||||
background-position: -45px -120px;
|
||||
}
|
||||
|
||||
.apps-power-dark {
|
||||
.apps-ponder-dark {
|
||||
background-position: -60px -120px;
|
||||
}
|
||||
|
||||
.apps-power-white {
|
||||
.apps-ponder-white {
|
||||
background-position: -75px -120px;
|
||||
}
|
||||
|
||||
.apps-projects-dark {
|
||||
.apps-power-dark {
|
||||
background-position: -90px -120px;
|
||||
}
|
||||
|
||||
.apps-projects-white {
|
||||
.apps-power-white {
|
||||
background-position: -105px -120px;
|
||||
}
|
||||
|
||||
.apps-releeph-dark {
|
||||
.apps-projects-dark {
|
||||
background-position: -120px -120px;
|
||||
}
|
||||
|
||||
.apps-releeph-white {
|
||||
.apps-projects-white {
|
||||
background-position: -135px -120px;
|
||||
}
|
||||
|
||||
.apps-repositories-dark {
|
||||
.apps-releeph-dark {
|
||||
background-position: 0px -135px;
|
||||
}
|
||||
|
||||
.apps-repositories-white {
|
||||
.apps-releeph-white {
|
||||
background-position: -15px -135px;
|
||||
}
|
||||
|
||||
.apps-settings-dark {
|
||||
.apps-repositories-dark {
|
||||
background-position: -30px -135px;
|
||||
}
|
||||
|
||||
.apps-settings-white {
|
||||
.apps-repositories-white {
|
||||
background-position: -45px -135px;
|
||||
}
|
||||
|
||||
.apps-setup-dark {
|
||||
.apps-settings-dark {
|
||||
background-position: -60px -135px;
|
||||
}
|
||||
|
||||
.apps-setup-white {
|
||||
.apps-settings-white {
|
||||
background-position: -75px -135px;
|
||||
}
|
||||
|
||||
.apps-slowvote-dark {
|
||||
.apps-setup-dark {
|
||||
background-position: -90px -135px;
|
||||
}
|
||||
|
||||
.apps-slowvote-white {
|
||||
.apps-setup-white {
|
||||
background-position: -105px -135px;
|
||||
}
|
||||
|
||||
.apps-token-dark {
|
||||
.apps-slowvote-dark {
|
||||
background-position: -120px -135px;
|
||||
}
|
||||
|
||||
.apps-token-white {
|
||||
.apps-slowvote-white {
|
||||
background-position: -135px -135px;
|
||||
}
|
||||
|
||||
.apps-uiexamples-dark {
|
||||
.apps-token-dark {
|
||||
background-position: 0px -150px;
|
||||
}
|
||||
|
||||
.apps-uiexamples-white {
|
||||
.apps-token-white {
|
||||
background-position: -15px -150px;
|
||||
}
|
||||
|
||||
.apps-workphlow-dark {
|
||||
.apps-uiexamples-dark {
|
||||
background-position: -30px -150px;
|
||||
}
|
||||
|
||||
.apps-workphlow-white {
|
||||
.apps-uiexamples-white {
|
||||
background-position: -45px -150px;
|
||||
}
|
||||
|
||||
.apps-xhprof-dark {
|
||||
.apps-workphlow-dark {
|
||||
background-position: -60px -150px;
|
||||
}
|
||||
|
||||
.apps-xhprof-white {
|
||||
.apps-workphlow-white {
|
||||
background-position: -75px -150px;
|
||||
}
|
||||
|
||||
.apps-xhprof-dark {
|
||||
background-position: -90px -150px;
|
||||
}
|
||||
|
||||
.apps-xhprof-white {
|
||||
background-position: -105px -150px;
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 275 KiB After Width: | Height: | Size: 277 KiB |
Before Width: | Height: | Size: 119 KiB After Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |