1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-23 22:10:55 +01:00
phorge-phorge/webroot/rsrc/css/sprite-apps.css
epriestley f306cab653 Use application icons for "Eye" menu and Crumbs
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
2012-12-07 13:37:28 -08:00

163 lines
2.4 KiB
CSS

/**
* @provides sprite-apps-css
* @generated
*/
.sprite-apps {
background-image: url(/rsrc/image/sprite-apps.png);
background-repeat: no-repeat;
}
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.sprite-apps {
background-image: url(/rsrc/image/sprite-apps-X2.png);
background-size: 90px 90px;
}
}
.app-application-dark {
background-position: 0px 0px;
}
.app-audit-dark {
background-position: -15px 0px;
}
.app-calendar-dark {
background-position: -30px 0px;
}
.app-conduit-dark {
background-position: -45px 0px;
}
.app-countdown-dark {
background-position: -60px 0px;
}
.app-daemon-dark {
background-position: -75px 0px;
}
.app-differential-dark {
background-position: 0px -15px;
}
.app-diffusion-dark {
background-position: -15px -15px;
}
.app-diviner-dark {
background-position: -30px -15px;
}
.app-drydock-dark {
background-position: -45px -15px;
}
.app-fact-dark {
background-position: -60px -15px;
}
.app-files-dark {
background-position: -75px -15px;
}
.app-flags-dark {
background-position: 0px -30px;
}
.app-help-dark {
background-position: -15px -30px;
}
.app-herald-dark {
background-position: -30px -30px;
}
.app-home-dark {
background-position: -45px -30px;
}
.app-logo-dark {
background-position: -60px -30px;
}
.app-macro-dark {
background-position: -75px -30px;
}
.app-mail-dark {
background-position: 0px -45px;
}
.app-maniphest-dark {
background-position: -15px -45px;
}
.app-metamta-dark {
background-position: -30px -45px;
}
.app-owners-dark {
background-position: -45px -45px;
}
.app-paste-dark {
background-position: -60px -45px;
}
.app-people-dark {
background-position: -75px -45px;
}
.app-phame-dark {
background-position: 0px -60px;
}
.app-phid-dark {
background-position: -15px -60px;
}
.app-pholio-dark {
background-position: -30px -60px;
}
.app-phpast-dark {
background-position: -45px -60px;
}
.app-phriction-dark {
background-position: -60px -60px;
}
.app-ponder-dark {
background-position: -75px -60px;
}
.app-power-dark {
background-position: 0px -75px;
}
.app-projects-dark {
background-position: -15px -75px;
}
.app-repositories-dark {
background-position: -30px -75px;
}
.app-settings-dark {
background-position: -45px -75px;
}
.app-slowvote-dark {
background-position: -60px -75px;
}
.app-uiexamples-dark {
background-position: -75px -75px;
}