Steps to reproduce and actual outcome:
- Firefox 116.0
- Don't be a member of the "Blessed Committers" project in we.phorge.it
- Go to https://we.phorge.it/L1
- Click on the button
- Close the popup with Esc
- Move the mouse pointer away from the button
Or:
- Go to https://we.phorge.it/maniphest/task/edit/form/2/
- Click on the button
Expected outcome:
If that "glowing" effect is really needed, it should be shown on all four sides of a button, instead of three sides only.
Or just remove that effect completely?
Additional information:
Defined in webroot/rsrc/css/phui/button/phui-button.css via
button:focus, a.button:focus { outline: 0; box-shadow: 0 0 2pt 2pt rgba(82, 168, 236, 0.7); }
On https://we.phorge.it/maniphest/task/edit/form/2/ this problem gets fixed by removing margin-top: 0 from
.phui-box-white-config .phui-header-action-links .button { margin-top: 0; margin-bottom: 0; }
On https://we.phorge.it/L2 it's more complicated.