mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-23 22:10:55 +01:00
f306cab653
Summary:
Issues here:
- Need an application-sized "eye", or a "home" icon for "Phabricator Home".
- Some of the "apps_lb_2x" sliced images are the "_dark_" versions, not the light versions.
- If you slice an application-sized "logout" (power off) icon and application-sized "help" (questionmark in circle) icon I can replace the current menu icons and nearly get rid of "autosprite".
- To replace the icons on /applications/, the non-retina size is "4x", so we'd need "8x" for retina. Alternatively I can reduce the icon sizes by 50%.
- The "Help", "Settings" and "Logout" items currently have a "glowing" hover state, which needs a variant (or we can drop it).
- The /applications/ icons have a white hover state (or we can drop it).
- The 1x application (14x14) icons aren't used anywhere right now, should they be? Maybe in the feed in the future, etc?
- The "apps-2x" and "apps-large" sheets are the same image, but getting them to actually use the same file is a bit tricky, so I just left them separate for now.
Test Plan:
{F26698}
{F26699}
Reviewers: chad
Reviewed By: chad
CC: aran
Maniphest Tasks: T1960
Differential Revision: https://secure.phabricator.com/D4108
156 lines
2.5 KiB
CSS
156 lines
2.5 KiB
CSS
/**
|
|
* @provides sprite-apps-xlarge-css
|
|
* @generated
|
|
*/
|
|
|
|
.sprite-apps-xlarge {
|
|
background-image: url(/rsrc/image/sprite-apps-xlarge.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
|
|
|
|
.app-application-dark-xlarge {
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.app-audit-dark-xlarge {
|
|
background-position: -57px 0px;
|
|
}
|
|
|
|
.app-calendar-dark-xlarge {
|
|
background-position: -114px 0px;
|
|
}
|
|
|
|
.app-conduit-dark-xlarge {
|
|
background-position: -171px 0px;
|
|
}
|
|
|
|
.app-countdown-dark-xlarge {
|
|
background-position: -228px 0px;
|
|
}
|
|
|
|
.app-daemon-dark-xlarge {
|
|
background-position: -285px 0px;
|
|
}
|
|
|
|
.app-differential-dark-xlarge {
|
|
background-position: 0px -57px;
|
|
}
|
|
|
|
.app-diffusion-dark-xlarge {
|
|
background-position: -57px -57px;
|
|
}
|
|
|
|
.app-diviner-dark-xlarge {
|
|
background-position: -114px -57px;
|
|
}
|
|
|
|
.app-drydock-dark-xlarge {
|
|
background-position: -171px -57px;
|
|
}
|
|
|
|
.app-fact-dark-xlarge {
|
|
background-position: -228px -57px;
|
|
}
|
|
|
|
.app-files-dark-xlarge {
|
|
background-position: -285px -57px;
|
|
}
|
|
|
|
.app-flags-dark-xlarge {
|
|
background-position: 0px -114px;
|
|
}
|
|
|
|
.app-help-dark-xlarge {
|
|
background-position: -57px -114px;
|
|
}
|
|
|
|
.app-herald-dark-xlarge {
|
|
background-position: -114px -114px;
|
|
}
|
|
|
|
.app-home-dark-xlarge {
|
|
background-position: -171px -114px;
|
|
}
|
|
|
|
.app-logo-dark-xlarge {
|
|
background-position: -228px -114px;
|
|
}
|
|
|
|
.app-macro-dark-xlarge {
|
|
background-position: -285px -114px;
|
|
}
|
|
|
|
.app-mail-dark-xlarge {
|
|
background-position: 0px -171px;
|
|
}
|
|
|
|
.app-maniphest-dark-xlarge {
|
|
background-position: -57px -171px;
|
|
}
|
|
|
|
.app-metamta-dark-xlarge {
|
|
background-position: -114px -171px;
|
|
}
|
|
|
|
.app-owners-dark-xlarge {
|
|
background-position: -171px -171px;
|
|
}
|
|
|
|
.app-paste-dark-xlarge {
|
|
background-position: -228px -171px;
|
|
}
|
|
|
|
.app-people-dark-xlarge {
|
|
background-position: -285px -171px;
|
|
}
|
|
|
|
.app-phame-dark-xlarge {
|
|
background-position: 0px -228px;
|
|
}
|
|
|
|
.app-phid-dark-xlarge {
|
|
background-position: -57px -228px;
|
|
}
|
|
|
|
.app-pholio-dark-xlarge {
|
|
background-position: -114px -228px;
|
|
}
|
|
|
|
.app-phpast-dark-xlarge {
|
|
background-position: -171px -228px;
|
|
}
|
|
|
|
.app-phriction-dark-xlarge {
|
|
background-position: -228px -228px;
|
|
}
|
|
|
|
.app-ponder-dark-xlarge {
|
|
background-position: -285px -228px;
|
|
}
|
|
|
|
.app-power-dark-xlarge {
|
|
background-position: 0px -285px;
|
|
}
|
|
|
|
.app-projects-dark-xlarge {
|
|
background-position: -57px -285px;
|
|
}
|
|
|
|
.app-repositories-dark-xlarge {
|
|
background-position: -114px -285px;
|
|
}
|
|
|
|
.app-settings-dark-xlarge {
|
|
background-position: -171px -285px;
|
|
}
|
|
|
|
.app-slowvote-dark-xlarge {
|
|
background-position: -228px -285px;
|
|
}
|
|
|
|
.app-uiexamples-dark-xlarge {
|
|
background-position: -285px -285px;
|
|
}
|