2012-11-27 23:03:25 +01:00
|
|
|
/**
|
|
|
|
* @provides sprite-menu-css
|
|
|
|
* @generated
|
|
|
|
*/
|
|
|
|
|
|
|
|
.sprite-menu {
|
|
|
|
background-image: url(/rsrc/image/sprite-menu.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-menu {
|
|
|
|
background-image: url(/rsrc/image/sprite-menu-X2.png);
|
2013-03-22 19:50:30 +01:00
|
|
|
background-size: 140px 121px;
|
2012-11-27 23:03:25 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
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 22:37:28 +01:00
|
|
|
|
2012-12-07 22:35:49 +01:00
|
|
|
.alert-notifications .phabricator-main-menu-alert-icon {
|
|
|
|
background-position: 0px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.alert-notifications:hover .phabricator-main-menu-alert-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
background-position: -19px 0px;
|
2012-11-27 23:03:25 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-notifications.alert-unread .phabricator-main-menu-alert-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
background-position: -38px 0px;
|
2012-11-27 23:03:25 +01:00
|
|
|
}
|
2012-12-07 22:35:49 +01:00
|
|
|
|
|
|
|
.phabricator-crumb-divider {
|
2013-03-22 19:50:30 +01:00
|
|
|
background-position: 0px -89px;
|
2012-12-07 22:35:49 +01:00
|
|
|
}
|
2012-12-07 22:36:35 +01:00
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.menu-icon-search {
|
2013-03-03 17:17:57 +01:00
|
|
|
background-position: 0px -38px;
|
|
|
|
}
|
|
|
|
|
2013-03-22 19:50:30 +01:00
|
|
|
.menu-icon-search-blue {
|
2013-03-03 17:17:57 +01:00
|
|
|
background-position: -25px -38px;
|
2012-12-07 22:36:35 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.menu-icon-app {
|
2013-03-22 19:50:30 +01:00
|
|
|
background-position: -10px -89px;
|
2013-03-03 17:17:57 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.menu-icon-app-blue {
|
2013-03-22 19:50:30 +01:00
|
|
|
background-position: -35px -89px;
|
2012-12-07 23:29:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.phabricator-main-menu-logo-image {
|
2013-03-22 19:50:30 +01:00
|
|
|
background-position: 0px -63px;
|
2013-01-27 02:04:18 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-notifications .phabricator-main-menu-message-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
background-position: 0px -19px;
|
2012-12-07 22:36:35 +01:00
|
|
|
}
|
2013-01-27 02:04:18 +01:00
|
|
|
|
|
|
|
.alert-notifications:hover .phabricator-main-menu-message-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
background-position: -19px -19px;
|
2013-01-27 02:04:18 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.alert-notifications.message-unread .phabricator-main-menu-message-icon {
|
2013-02-26 23:56:25 +01:00
|
|
|
background-position: -38px -19px;
|
2013-01-27 02:04:18 +01:00
|
|
|
}
|