1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-30 17:30:59 +01:00
phorge-phorge/webroot/rsrc/css/sprite-menu.css
Chad Little 7c8b32c6a8 Make icons 2 px taller, 4 px larger.
Summary: Makes the visual size 2px larger and hit area 4px bigger on notification and message icons.

Test Plan: Review icons in sandbox, test new layout with notifications or messages.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5127
2013-02-26 14:56:25 -08:00

59 lines
1.2 KiB
CSS

/**
* @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);
background-size: 140px 96px;
}
}
.alert-notifications .phabricator-main-menu-alert-icon {
background-position: 0px 0px;
}
.alert-notifications:hover .phabricator-main-menu-alert-icon {
background-position: -19px 0px;
}
.alert-notifications.alert-unread .phabricator-main-menu-alert-icon {
background-position: -38px 0px;
}
.phabricator-crumb-divider {
background-position: 0px -64px;
}
.menu-icon-eye {
background-position: -10px -64px;
}
.menu-icon-app {
background-position: -35px -64px;
}
.phabricator-main-menu-logo-image {
background-position: 0px -38px;
}
.alert-notifications .phabricator-main-menu-message-icon {
background-position: 0px -19px;
}
.alert-notifications:hover .phabricator-main-menu-message-icon {
background-position: -19px -19px;
}
.alert-notifications.message-unread .phabricator-main-menu-message-icon {
background-position: -38px -19px;
}