Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WebProfilerBundle] Use a dynamic SVG favicon in the profiler #48945

Closed
wants to merge 0 commits into from

Conversation

javiereguiluz
Copy link
Member

Q A
Branch? 6.3
Bug fix? no
New feature? yes
Deprecations? no
Tickets -
License MIT
Doc PR -

The Profiler favicon looks blurry in high definition monitors. In this PR I propose:

(1) To use a SVG icon instead
(2) To make it dynamic to display a red or yellow background depending on the HTTP status code of the response

This is how the colored favicons look on Chrome (on the left you can see the current blurry icon):

svg-favicon-chrome

And this is how it looks on Firefox:

svg-favicon-firefox

About accessibility issues for color-blind people. I think this wouldn't be an issue because we're not using color as the only way of conveying information. It's just a little addition. But if you disagree I can revert. Thanks.

@fabpot
Copy link
Member

fabpot commented Jan 11, 2023

Thank you @javiereguiluz.

fabpot added a commit that referenced this pull request Jan 11, 2023
…rofiler (javiereguiluz)

This PR was squashed before being merged into the 6.3 branch.

Discussion
----------

[WebProfilerBundle] Use a dynamic SVG favicon in the profiler

| Q             | A
| ------------- | ---
| Branch?       | 6.3
| Bug fix?      | no
| New feature?  | yes
| Deprecations? | no
| Tickets       | -
| License       | MIT
| Doc PR        | -

The Profiler favicon looks blurry in high definition monitors. In this PR I propose:

(1) To use a SVG icon instead
(2) To make it dynamic to display a red or yellow background depending on the HTTP status code of the response

This is how the colored favicons look on Chrome _(on the left you can see the current blurry icon)_:

<img width="377" alt="svg-favicon-chrome" src="https://user-images.githubusercontent.com/73419/211763047-98f3742e-bc94-4ced-80ac-d02eb6fa4e96.png">

And this is how it looks on Firefox:

<img width="540" alt="svg-favicon-firefox" src="https://user-images.githubusercontent.com/73419/211763095-99d7d4ac-8699-46c0-a3e6-2bbd667337bd.png">

About accessibility issues for color-blind people. I think this wouldn't be an issue because we're not using color as the only way of conveying information. It's just a little addition. But if you disagree I can revert. Thanks.

Commits
-------

e6c56a3 [WebProfilerBundle] Use a dynamic SVG favicon in the profiler
@fabpot fabpot closed this Jan 11, 2023
@javiereguiluz javiereguiluz deleted the profiler_favicon branch January 11, 2023 15:38
@fabpot fabpot mentioned this pull request May 1, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants