@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.

Clean up menu folding in action list

Summary: Just removing the animation for now, can't find anything decent, I think that the issue is the animation is applying to all items in the list, and not just as a list as a single block. That is, I'd like to slide down all three at one. Any animation that slides them down when attached to each item makes them overlap at the first frame and it's a little distracting. Not a big deal to leave this out for now. Whatever we come up with should likely be applied to phuix-dropdown as well.

Test Plan: Clicky Clicky.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D16159

+12 -22
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'f577cd20', 10 + 'core.pkg.css' => '2168daaf', 11 11 'core.pkg.js' => 'f2139810', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => 'b3eea3f5', ··· 124 124 'rsrc/css/phui/phui-badge.css' => '3baef8db', 125 125 'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 126 126 'rsrc/css/phui/phui-box.css' => '5c8387cf', 127 - 'rsrc/css/phui/phui-button.css' => 'e266e0bc', 127 + 'rsrc/css/phui/phui-button.css' => '4a5fbe3d', 128 128 'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 129 129 'rsrc/css/phui/phui-crumbs-view.css' => '6b813619', 130 130 'rsrc/css/phui/phui-curtain-view.css' => '7148ae25', ··· 824 824 'phui-badge-view-css' => '3baef8db', 825 825 'phui-big-info-view-css' => 'bd903741', 826 826 'phui-box-css' => '5c8387cf', 827 - 'phui-button-css' => 'e266e0bc', 827 + 'phui-button-css' => '4a5fbe3d', 828 828 'phui-calendar-css' => 'ccabe893', 829 829 'phui-calendar-day-css' => 'd1cf6f93', 830 830 'phui-calendar-list-css' => '56e6381a',
+9 -19
webroot/rsrc/css/phui/phui-button.css
··· 268 268 float: right; 269 269 margin-top: 4px; 270 270 margin-right: 6px; 271 - border-left-color: {$lightgreytext}; 271 + border-left-color: {$alphablue}; 272 272 } 273 273 274 274 .phabricator-action-view-submenu .caret { ··· 278 278 border-top: 7px solid {$lightgreytext}; 279 279 } 280 280 281 - .phabricator-action-view-submenu.phui-submenu-open { 282 - background: {$greybackground}; 283 - } 284 - 285 - .phui-submenu-animate { 286 - animation: phui-submenu-summon 0.25s; 281 + .phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open 282 + .phabricator-action-view-item { 283 + background-color: rgba({$alphablue}, 0.07); 284 + color: {$sky}; 285 + border-radius: 3px; 287 286 } 288 287 289 - @keyframes phui-submenu-summon { 290 - 0% { 291 - color: {$lightgreytext}; 292 - margin-left: 0; 293 - transform: rotate(12deg); 294 - } 295 - 60% { 296 - margin-left: 24px; 297 - transform: rotate(-5deg); 298 - margin-top: 18px; 299 - } 288 + .phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open 289 + .phabricator-action-view-item .phui-icon-view { 290 + color: {$sky}; 300 291 } 301 - 302 292 303 293 /* Icons */ 304 294 .button.has-icon {