Allow profile menus to be collapsed and expanded

Summary:
Ref T10054. I think this gets everything except:

  - circles on icons;
  - I spent ~15 minutes poking at animations but wasn't able to get anything that looked reasonable whatsoever.

Test Plan:
  - Collapsed menus.
  - Expanded menus.

Reviewers: chad

Reviewed By: chad

Maniphest Tasks: T10054

Differential Revision: https://secure.phabricator.com/D15056
This commit is contained in:
epriestley
2016-01-19 10:35:32 -08:00
parent bf18b59f5f
commit 0a554c2ed5
11 changed files with 329 additions and 42 deletions

View File

@@ -191,14 +191,29 @@ final class CelerityDefaultPostprocessor
// Background color for "dark" themes.
'page.background.dark' => '#ebecee',
// NOTE: We can't just do these with an alpha channel because the
// fixed items in the footer may render on top of other items, so the
// backgrounds must be opaque.
// This is the base background color.
'menu.profile.background' => '#525868',
// This is premultiplied 7.5% alpha.
'menu.profile.background.hover' => '#4c5160',
// This is premultiplied 15% alpha.
'menu.profile.background.selected' => '#464b59',
'menu.profile.text' => '#c6c7cb',
'menu.profile.text.selected' => '#ffffff',
'menu.profile.icon' => '#ffffff',
'menu.profile.icon.disabled' => '#b9bcc2',
'menu.main.height' => '44px',
'menu.profile.width' => '240px',
'menu.profile.width.collapsed' => '80px',
'menu.profile.item.height' => '46px',
);
}