1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-28 01:32:42 +01:00
phorge-phorge/webroot/rsrc/css/layout/phabricator-side-menu-view.css
Chad Little ff91884f7d Dark sidebar everywhere
Summary:
First pass at testing out a dark sidebar everywhere. Wanting feedback with real test time before implementing before commiting.

Thoughts
- Aligns with Mobile, Tablet UI experience.
- Creates 'application' feel on Desktop.
- Begins to make Phabricator feel like a branded UI.

Cons
- Probably contensious visually.

TODO:
- Update diff view sidebar.
- Make breadcrumbs appear above content area, not above nav.
- Change background texture on crumbs to match table headers.

Test Plan: Testing Nav with fellow co-workers.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4427
2013-01-14 13:40:51 -08:00

43 lines
1.1 KiB
CSS

/**
* @provides phabricator-side-menu-view-css
*/
.phabricator-side-menu .phabricator-menu-item-view {
display: block;
white-space: nowrap;
text-decoration: none;
font-size: 13px;
}
.phabricator-side-menu .phabricator-menu-item-type-link {
padding: 6px 8px 6px 24px;
color: #fff;
text-shadow: rgba(0, 0, 0, 1) 0px -1px 1px;
}
.phabricator-side-menu .phabricator-menu-item-type-label {
padding: 6px 8px 4px 12px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
border-style: solid;
background-image: url(/rsrc/image/menu_label.png);
background-repeat: repeat-x;
}
.phabricator-side-menu .phabricator-menu-item-type-spacer {
padding: 8px 0;
}
.device-desktop .phabricator-side-menu a.phabricator-menu-item-type-link:hover {
text-decoration: none;
background-image: url(/rsrc/image/menu_hover.png);
background-repeat: repeat-x;
}
.phabricator-side-menu .phabricator-menu-item-selected,
.device-desktop .phabricator-side-menu a.phabricator-menu-item-selected:hover {
background-image: url(/rsrc/image/menu_selected.png);
background-repeat: repeat-x;
}