@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.) hq.recaptime.dev/wiki/Phorge
phorge phabricator
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

More profile nav updates

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

+63 -12
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'cea85605', 10 + 'core.pkg.css' => '1d1e9a3a', 11 11 'core.pkg.js' => '573e6664', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '2de124c9', ··· 143 143 'rsrc/css/phui/phui-object-item-list-view.css' => '26c30d3f', 144 144 'rsrc/css/phui/phui-pager.css' => 'bea33d23', 145 145 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 146 - 'rsrc/css/phui/phui-profile-menu.css' => '2168816d', 146 + 'rsrc/css/phui/phui-profile-menu.css' => '43826c43', 147 147 'rsrc/css/phui/phui-property-list-view.css' => '27b2849e', 148 148 'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591', 149 149 'rsrc/css/phui/phui-spacing.css' => '042804d6', ··· 819 819 'phui-object-item-list-view-css' => '26c30d3f', 820 820 'phui-pager-css' => 'bea33d23', 821 821 'phui-pinboard-view-css' => '2495140e', 822 - 'phui-profile-menu-css' => '2168816d', 822 + 'phui-profile-menu-css' => '43826c43', 823 823 'phui-property-list-view-css' => '27b2849e', 824 824 'phui-remarkup-preview-css' => '1a8f2591', 825 825 'phui-spacing-css' => '042804d6',
+60 -9
webroot/rsrc/css/phui/phui-profile-menu.css
··· 18 18 vertical-align: top; 19 19 width: {$menu.profile.width}; 20 20 max-width: {$menu.profile.width}; 21 + transition: .2s; 21 22 margin-top: 0; 22 23 overflow: hidden; 23 24 } ··· 92 93 .phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu 93 94 .phui-list-item-href .phui-list-item-icon { 94 95 top: 14px; 95 - left: 31px; 96 + left: 32px; 96 97 } 97 98 98 99 .phui-profile-menu .phabricator-side-menu ··· 109 110 .phui-list-item-href:hover { 110 111 background-color: {$menu.profile.background.hover}; 111 112 color: {$menu.profile.text.selected}; 113 + transition: 0.2s; 112 114 } 113 115 114 116 .phui-profile-menu .phabricator-side-menu ··· 118 120 .phui-list-item-href:hover 119 121 .phui-list-item-icon { 120 122 color: {$menu.profile.text.selected}; 123 + transition: 0.2s; 121 124 } 122 125 123 126 .phui-profile-menu .phabricator-side-menu .phui-list-item-selected 124 - .phui-list-item-href, 125 - .device-desktop .phui-profile-menu .phabricator-side-menu 126 - .phui-list-item-selected 127 - .phui-list-item-href:hover { 127 + .phui-list-item-href { 128 128 background-color: {$menu.profile.background.selected}; 129 129 color: {$menu.profile.text.selected}; 130 + transition: 0.2s; 130 131 } 131 132 132 133 .phui-profile-menu .phabricator-side-menu .phui-divider { ··· 165 166 display: none; 166 167 } 167 168 169 + 170 + .phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu 171 + .phui-profile-menu-footer .phui-list-item-href { 172 + padding: 20px 0 20px; 173 + } 174 + 175 + .phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer 176 + .phui-list-item-href:hover { 177 + background: transparent; 178 + } 179 + 180 + .phui-profile-menu .phui-profile-menu-collapsed .phabricator-side-menu 181 + .phui-profile-menu-footer .phui-list-item-href .phui-list-item-icon { 182 + top: 8px; 183 + } 184 + 168 185 .phui-profile-menu .phui-profile-menu-footer .phui-icon-circle { 169 186 border-color: {$menu.profile.text}; 170 187 } ··· 173 190 color: {$menu.profile.text}; 174 191 } 175 192 176 - .phui-profile-menu .phui-profile-menu-footer:hover .phui-icon-circle { 177 - border-color: #fff; 193 + .phui-profile-menu .phui-profile-menu-footer .phui-list-item-href:hover 194 + .phui-icon-circle, 195 + .phui-profile-menu .phui-list-item-selected.phui-profile-menu-footer 196 + .phui-icon-circle { 197 + border-color: #fff; 178 198 } 179 199 180 - .phui-profile-menu .phui-profile-menu-footer:hover .phui-icon-circle 181 - .phui-icon-view { 200 + .phui-profile-menu .phui-profile-menu-footer .phui-list-item-href:hover 201 + .phui-icon-circle .phui-icon-view, 202 + .phui-profile-menu .phui-list-item-selected.phui-profile-menu-footer 203 + .phui-icon-circle .phui-icon-view { 182 204 color: #fff; 183 205 } 184 206 ··· 186 208 .phui-icon-circle.phui-list-item-icon { 187 209 font-size: 11px; 188 210 } 211 + 212 + div.phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer-1 { 213 + bottom: 40px; 214 + position: fixed; 215 + background-color: {$menu.profile.background}; 216 + } 217 + 218 + div.phui-profile-menu .phabricator-side-menu .phui-profile-menu-footer-2 { 219 + bottom: 0; 220 + position: fixed; 221 + background-color: {$menu.profile.background}; 222 + } 223 + 224 + .phui-profile-menu .phui-profile-menu-footer-1, 225 + .phui-profile-menu .phui-profile-menu-footer-2 { 226 + width: {$menu.profile.width}; 227 + transition: .2s; 228 + } 229 + 230 + .phui-profile-menu .phui-profile-menu-collapsed .phui-profile-menu-footer-1, 231 + .phui-profile-menu .phui-profile-menu-collapsed .phui-profile-menu-footer-2 { 232 + width: {$menu.profile.width.collapsed}; 233 + transition: .2s; 234 + } 235 + 236 + .phui-profile-menu .phabricator-side-menu 237 + .phui-list-item-selected.phui-profile-menu-footer .phui-list-item-href { 238 + background: transparent; 239 + }