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

Fix a "flickering" behavior with the menu bar transition animations in Chrome

Summary:
Fixes T13508. The "Notification" and "Messages" icons in the menu bar have a CSS transition animation on hover.

In Chrome, when this element moves up 2px, you can get a flicker in and out of the hover state if the user's cursor is at the very bottom of the element, since the bounding box for the element is rapidly sliding in and out of the area under the cursor.

To fix this: as we move the element up, also make it taller.

Test Plan: In Safari, Chrome, and Firefox: put my cursor at the very bottom of the element, no longer saw any animation flickering.

Maniphest Tasks: T13508

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

+10 -6
+6 -6
resources/celerity/map.php
··· 9 9 'names' => array( 10 10 'conpherence.pkg.css' => '3c8a0668', 11 11 'conpherence.pkg.js' => '020aebcf', 12 - 'core.pkg.css' => '7ef29af5', 12 + 'core.pkg.css' => '86f155f9', 13 13 'core.pkg.js' => '705aec2c', 14 14 'differential.pkg.css' => '607c84be', 15 15 'differential.pkg.js' => '1b97518d', ··· 37 37 'rsrc/css/aphront/typeahead.css' => '8779483d', 38 38 'rsrc/css/application/almanac/almanac.css' => '2e050f4f', 39 39 'rsrc/css/application/auth/auth.css' => 'c2f23d74', 40 - 'rsrc/css/application/base/main-menu-view.css' => '17b71bbc', 40 + 'rsrc/css/application/base/main-menu-view.css' => 'bcec20f0', 41 41 'rsrc/css/application/base/notification-menu.css' => '4df1ee30', 42 42 'rsrc/css/application/base/phui-theme.css' => '35883b37', 43 43 'rsrc/css/application/base/standard-page-view.css' => '8a295cb9', ··· 787 787 'phabricator-flag-css' => '2b77be8d', 788 788 'phabricator-keyboard-shortcut' => 'c9749dcd', 789 789 'phabricator-keyboard-shortcut-manager' => '37b8a04a', 790 - 'phabricator-main-menu-view' => '17b71bbc', 790 + 'phabricator-main-menu-view' => 'bcec20f0', 791 791 'phabricator-nav-view-css' => 'f8a0c1bf', 792 792 'phabricator-notification' => 'a9b91e3f', 793 793 'phabricator-notification-css' => '30240bd2', ··· 1033 1033 'javelin-stratcom', 1034 1034 'javelin-util', 1035 1035 ), 1036 - '17b71bbc' => array( 1037 - 'phui-theme-css', 1038 - ), 1039 1036 '1b6acc2a' => array( 1040 1037 'javelin-magical-init', 1041 1038 'javelin-util', ··· 1989 1986 'javelin-workflow', 1990 1987 'phabricator-drag-and-drop-file-upload', 1991 1988 'javelin-workboard-board', 1989 + ), 1990 + 'bcec20f0' => array( 1991 + 'phui-theme-css', 1992 1992 ), 1993 1993 'c03f2fb4' => array( 1994 1994 'javelin-install',
+4
webroot/rsrc/css/application/base/main-menu-view.css
··· 369 369 .device-desktop .alert-notifications:hover { 370 370 margin-top: -2px; 371 371 transition-duration: .2s; 372 + 373 + /* See T13508. Avoid animation flickering behavior if the user's cursor is 374 + at the very bottom of the element. */ 375 + padding-bottom: 2px; 372 376 } 373 377 374 378 .device-desktop .alert-notifications:hover .phui-icon-view {