revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-18 11:30:55 +01:00
Code Issues Releases Wiki Activity

More profile nav updates

Browse source 
Summary: Sets the edit, collapse icons back in the footer, also adds basic transitions.

Test Plan:
lots of clicking, safari and chrome

{F1066381}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15083
This commit is contained in:
Chad Little 2016-01-21 19:02:08 -08:00
parent 6ea9aa39a0
commit 1eec747123
2 changed files with 63 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -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 @@ return array(
'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 @@ return array(
'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',

67
webroot/rsrc/css/phui/phui-profile-menu.css
View file

@ -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 {
.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;
}