Skip to content

Conversation

smnandre
Copy link
Member

@smnandre smnandre commented Aug 13, 2024

(very simple page for now, but i'd like to deploy a page asap... and then we'll have more time for demos, docs...)

ux-map-screen

⚠️ Will need rebase / composer after 2.19.2 (and some check on the controller.json)

Closes #2042

@carsonbot carsonbot added Site ux.symfony.com Status: Needs Review Needs to be reviewed labels Aug 13, 2024
@smnandre smnandre requested a review from Kocal August 13, 2024 07:20
@carsonbot carsonbot added Status: Reviewed Has been reviewed by a maintainer and removed Status: Needs Review Needs to be reviewed labels Aug 13, 2024
kbond added a commit that referenced this pull request Aug 13, 2024
…an fails on some projects (Kocal)

This PR was merged into the 2.x branch.

Discussion
----------

[Map][Leaflet] Fix marker icon gradients rendering, which can fails on some projects

| Q             | A
| ------------- | ---
| Bug fix?      | yes
| New feature?  | no <!-- please update src/**/CHANGELOG.md files -->
| Issues        | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exist, explain below instead -->
| License       | MIT

<!--
Replace this notice by a description of your feature/bugfix.
This will help reviewers and should be a good start for the documentation.

Additionally (see https://symfony.com/releases):
 - Always add tests and ensure they pass.
 - For new features, provide some code snippets to help understand usage.
 - Features and deprecations must be submitted against branch main.
 - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry
 - Never break backward compatibility (see https://symfony.com/bc).
-->

Another fix for UX Map, but for the better.

I didn't have this issue at all when working on UX Map implementation (on my "lab" project or on my personal website), but `@smnandre` got it when working on #2053:
<img width="1234" alt="Capture d’écran 2024-08-13 à 10 32 08" src="https://github.com/user-attachments/assets/4ebf9c4f-004c-4890-a429-0609c6ab5a46">

It looks like over-optimizing the SVG through https://jakearchibald.github.io/svgomg/, the `id` attributes optimization brokes the rendering. Using another `id` specific for UX Map fixes the issue:
<img width="1193" alt="Capture d’écran 2024-08-13 à 10 33 36" src="https://github.com/user-attachments/assets/8cb82515-7896-481a-94fb-a223a4fc245b">

Commits
-------

44e4b20 [Map][Leaflet] Fix marker icon gradients rendering, which can fails on some projects
@smnandre smnandre force-pushed the site/ux-map branch 4 times, most recently from d577168 to 0c2257c Compare August 13, 2024 22:52
@smnandre smnandre requested a review from Kocal August 13, 2024 22:54
@carsonbot carsonbot added Status: Needs Review Needs to be reviewed and removed Status: Reviewed Has been reviewed by a maintainer labels Aug 13, 2024
Copy link
Member

@Kocal Kocal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks Simon!

@carsonbot carsonbot added Status: Reviewed Has been reviewed by a maintainer and removed Status: Needs Review Needs to be reviewed labels Aug 14, 2024
@kbond
Copy link
Member

kbond commented Aug 14, 2024

Thanks Simon.

@kbond kbond merged commit 2e6a24c into symfony:2.x Aug 14, 2024
3 of 4 checks passed
kbond added a commit that referenced this pull request Aug 15, 2024
…Kocal)

This PR was squashed before being merged into the 2.x branch.

Discussion
----------

[ux.symfony.com] Fix rendering/color issues on Map page

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | yes <!-- please update src/**/CHANGELOG.md files -->
| Issues        | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exist, explain below instead -->
| License       | MIT

<!--
Replace this notice by a description of your feature/bugfix.
This will help reviewers and should be a good start for the documentation.

Additionally (see https://symfony.com/releases):
 - Always add tests and ensure they pass.
 - For new features, provide some code snippets to help understand usage.
 - Features and deprecations must be submitted against branch main.
 - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry
 - Never break backward compatibility (see https://symfony.com/bc).
-->

It looks like we have some visual issues in light mode on the Map page, we can't see the menu:
<img width="1501" alt="Capture d’écran 2024-08-15 à 07 42 21" src="https://github.com/user-attachments/assets/6a39c912-3cc3-4b73-82a5-16a5aa751d1e">

And we miss the `composer require ...` thing.

I've Replaced the usage of the new component `Hero` (introduced in #2053) by the good old `PackageHeader` component.

This is the quickest solution right now to correctly render UX Map page, and it gives us some times to improve this `Hero` component and re-use it in all UX package pages.

**EDIT:** I've seen with `@smnandre` for some minor adjustements:
<img width="1512" alt="image" src="https://github.com/user-attachments/assets/8544f46a-37aa-4b1e-964e-380174a2d0c5">
<img width="1510" alt="image" src="https://github.com/user-attachments/assets/b7617ebe-f014-4e50-a3b3-c78f5045b552">

Commits
-------

c3a8806 [ux.symfony.com] Fix rendering/color issues on Map page
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Site ux.symfony.com Status: Reviewed Has been reviewed by a maintainer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add the Map component to the UX website
4 participants