mirror of
https://we.phorge.it/source/phorge.git
synced 2024-09-21 01:38:48 +02:00
3c7944d297
Summary: - Looks better (can probably still use some tweaks), especially search. - Moves logout from weird footer location to main menu. - Reactive: on tablets and phones, the menu adjusts to remain useful. - Fixed position on desktops for future side nav changes. - Adds an icon header thing that's currently hard-coded but will be application-driven soon. Test Plan: Used menu on desktop, tablet, phone, logged in / logged out, toggled darkconsole. Will add some screenshots. Reviewers: btrahan, chad Reviewed By: btrahan CC: aran Maniphest Tasks: T1569 Differential Revision: https://secure.phabricator.com/D3105
73 lines
1 KiB
CSS
73 lines
1 KiB
CSS
/**
|
|
* @provides phabricator-glyph-css
|
|
*/
|
|
|
|
.glyph {
|
|
background-size: 260px auto;
|
|
background-image: url(/rsrc/image/glyph_sprite.png);
|
|
}
|
|
|
|
|
|
.glyph-profile {
|
|
background-position: 0 0;
|
|
}
|
|
|
|
.glyph-profile-active {
|
|
background-position: 0 -28px;
|
|
}
|
|
|
|
.glyph-profile:hover {
|
|
background-position: 0 -56px;
|
|
}
|
|
|
|
|
|
.glyph-settings {
|
|
background-position: -28px 0;
|
|
}
|
|
|
|
.glyph-settings-active {
|
|
background-position: -28px -28px;
|
|
}
|
|
|
|
.glyph-settings:hover {
|
|
background-position: -28px -56px;
|
|
}
|
|
|
|
|
|
.glyph-logout {
|
|
background-position: -56px 0;
|
|
}
|
|
|
|
.glyph-logout-active {
|
|
background-position: -56px -28px;
|
|
}
|
|
|
|
.glyph-logout:hover {
|
|
background-position: -56px -56px;
|
|
}
|
|
|
|
|
|
.glyph-notification {
|
|
background-position: -84px 0;
|
|
}
|
|
|
|
.glyph-notification-active {
|
|
background-position: -84px -28px;
|
|
}
|
|
|
|
.glyph-notification:hover {
|
|
background-position: -84px -56px;
|
|
}
|
|
|
|
|
|
.glyph-menu {
|
|
background-position: -112px 0;
|
|
}
|
|
|
|
.glyph-menu-active {
|
|
background-position: -112px -28px;
|
|
}
|
|
|
|
.glyph-menu:hover {
|
|
background-position: -112px -56px;
|
|
}
|