diff --git a/resources/celerity/map.php b/resources/celerity/map.php --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -7,7 +7,7 @@ */ return array( 'names' => array( - 'core.pkg.css' => 'cea85605', + 'core.pkg.css' => '1d1e9a3a', 'core.pkg.js' => '573e6664', 'darkconsole.pkg.js' => 'e7393ebb', 'differential.pkg.css' => '2de124c9', @@ -143,7 +143,7 @@ 'rsrc/css/phui/phui-object-item-list-view.css' => '26c30d3f', 'rsrc/css/phui/phui-pager.css' => 'bea33d23', 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', - 'rsrc/css/phui/phui-profile-menu.css' => '2168816d', + 'rsrc/css/phui/phui-profile-menu.css' => '43826c43', 'rsrc/css/phui/phui-property-list-view.css' => '27b2849e', 'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591', 'rsrc/css/phui/phui-spacing.css' => '042804d6', @@ -819,7 +819,7 @@ 'phui-object-item-list-view-css' => '26c30d3f', 'phui-pager-css' => 'bea33d23', 'phui-pinboard-view-css' => '2495140e', - 'phui-profile-menu-css' => '2168816d', + 'phui-profile-menu-css' => '43826c43', 'phui-property-list-view-css' => '27b2849e', 'phui-remarkup-preview-css' => '1a8f2591', 'phui-spacing-css' => '042804d6', diff --git a/webroot/rsrc/css/phui/phui-profile-menu.css b/webroot/rsrc/css/phui/phui-profile-menu.css --- a/webroot/rsrc/css/phui/phui-profile-menu.css +++ b/webroot/rsrc/css/phui/phui-profile-menu.css @@ -18,6 +18,7 @@ vertical-align: top; width: {$menu.profile.width}; max-width: {$menu.profile.width}; + transition: .2s; margin-top: 0; overflow: hidden; } @@ -92,7 +93,7 @@ .phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu .phui-list-item-href .phui-list-item-icon { top: 14px; - left: 31px; + left: 32px; } .phui-profile-menu .phabricator-side-menu @@ -109,6 +110,7 @@ .phui-list-item-href:hover { background-color: {$menu.profile.background.hover}; color: {$menu.profile.text.selected}; + transition: 0.2s; } .phui-profile-menu .phabricator-side-menu @@ -118,15 +120,14 @@ .phui-list-item-href:hover .phui-list-item-icon { color: {$menu.profile.text.selected}; + transition: 0.2s; } .phui-profile-menu .phabricator-side-menu .phui-list-item-selected - .phui-list-item-href, -.device-desktop .phui-profile-menu .phabricator-side-menu - .phui-list-item-selected - .phui-list-item-href:hover { + .phui-list-item-href { background-color: {$menu.profile.background.selected}; color: {$menu.profile.text.selected}; + transition: 0.2s; } .phui-profile-menu .phabricator-side-menu .phui-divider { @@ -165,6 +166,22 @@ display: none; } + +.phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu + .phui-profile-menu-footer .phui-list-item-href { + padding: 20px 0 20px; +} + +.phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer + .phui-list-item-href:hover { + background: transparent; +} + +.phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu + .phui-profile-menu-footer .phui-list-item-href .phui-list-item-icon { + top: 8px; +} + .phui-profile-menu .phui-profile-menu-footer .phui-icon-circle { border-color: {$menu.profile.text}; } @@ -173,12 +190,17 @@ color: {$menu.profile.text}; } -.phui-profile-menu .phui-profile-menu-footer:hover .phui-icon-circle { - border-color: #fff; +.phui-profile-menu .phui-profile-menu-footer .phui-list-item-href:hover + .phui-icon-circle, +.phui-profile-menu .phui-list-item-selected.phui-profile-menu-footer + .phui-icon-circle { + border-color: #fff; } -.phui-profile-menu .phui-profile-menu-footer:hover .phui-icon-circle - .phui-icon-view { +.phui-profile-menu .phui-profile-menu-footer .phui-list-item-href:hover + .phui-icon-circle .phui-icon-view, +.phui-profile-menu .phui-list-item-selected.phui-profile-menu-footer + .phui-icon-circle .phui-icon-view { color: #fff; } @@ -186,3 +208,32 @@ .phui-icon-circle.phui-list-item-icon { font-size: 11px; } + +div.phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer-1 { + bottom: 40px; + position: fixed; + background-color: {$menu.profile.background}; +} + +div.phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer-2 { + bottom: 0; + position: fixed; + background-color: {$menu.profile.background}; +} + +.phui-profile-menu .phui-profile-menu-footer-1, +.phui-profile-menu .phui-profile-menu-footer-2 { + width: {$menu.profile.width}; + transition: .2s; +} + +.phui-profile-menu .phui-profile-menu-collapsed .phui-profile-menu-footer-1, +.phui-profile-menu .phui-profile-menu-collapsed .phui-profile-menu-footer-2 { + width: {$menu.profile.width.collapsed}; + transition: .2s; +} + +.phui-profile-menu .phabricator-side-menu + .phui-list-item-selected.phui-profile-menu-footer .phui-list-item-href { + background: transparent; +}