Docs: Update footer in order to use the ic_Mobile_Network_Coverage icon

[hannahiss]

Note: Please transform - [ ] into - (NA) in the description when things are not applicable

Related issues

Description

Update boosted sprite svg file in order to use the ic_Mobile_Network_Coverage icon instead of ic_Signal in the footer examples: download icon from DSM, update it with svgo, replace the icon in Boosted sprite file. The alignment may appear slightly to low, but on inspection it seems better than on the old version.

New version:

Old version:

I also took the opportunity to update 3 other svg paths that had empty bodies (reported as a warning by the linter).

Motivation & Context

It has been seen during a design review that the icon that was used was not the good one. DSM should be updated in the same way.

Types of change

• Bug fix (non-breaking which fixes an issue)

Live previews

• https://deploy-preview-2022--boosted.netlify.app/docs/5.3/components/footer/#service-bar

Checklist

Contribution

• I have read the contributing guidelines

Accessibility

• My change follows accessibility good practices; I have at least run axe

Design

• My change respects the design guidelines defined in Orange Design System
• My change is compatible with responsive display

Development

• My change follows the developer guide
• (NA) I have added JavaScript unit tests to cover my changes
• (NA) I have added SCSS unit tests to cover my changes

Documentation

• My change introduces changes to the documentation and/or I have updated the documentation accordingly

Checklist (for Core Team only)

• (NA) My change introduces changes to the migration guide
• (NA) My new component is added in Storybook
• (NA) My new component is compatible with RTL
• (NA) Manually run BrowserStack tests
• (NA) Manually test browser compatibility with BrowserStack (Chrome >= 60, Firefox >= 60 (+ ESR), Edge, Safari >= 12, iOS Safari, Chrome & Firefox on Android)
• Code review
• Design review
• A11y review

After the merge

• Manually launch Percy tests

[netlify]

✅ Deploy Preview for boosted ready!

Name	Link
🔨 Latest commit	36c0778
🔍 Latest deploy log	https://app.netlify.com/sites/boosted/deploys/64a3b76ebfd1420008734624
😎 Deploy Preview	https://deploy-preview-2022--boosted.netlify.app/docs/5.3/migration
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hannahiss]

'I also took the opportunity to update 3 other svg paths that had empty bodies (reported as a warning by the linter).'
Could it be possible to add some details please? At least the names of the '3 other svg paths' + no need to do it in a destinct PR?

I just changed the code <path xxx></path> (with empty body) to <path xxx/> (with no body) for the svgs "contact", "locate" and "protection"...

[MewenLeHo]

Ready for design review, curious to know that they will say about the two icons 🤔

[Franco-Riccitelli]

The icon looks good in the footer. No issues. Thanks.

[julien-deramond]

Might be worth mentioning the fact that the icon has been modified in the migration guide, isn't it? Depending on how folks have integrated our Footer component in their project in the previous Boosted version, they won't know that they need to update it.

[julien-deramond]

Still find the rendering off because of the icon not filling the entire container, but LGTM!

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information