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

Rework Legacy PNG Icons with Font Awesome SVG #118

Open
wants to merge 1 commit into
base: gh-pages
Choose a base branch
from

Conversation

hswong3i
Copy link

@hswong3i hswong3i commented Nov 26, 2021

Existing implementation handle icon with PNG, with manual positioning with CSS background image.

This PR rework icons with Font Awesome SVG:

Fix #98
Fix #102
Fix #103
Fix #110
Fix #114

Online demo: https://drustack.github.io/Leaflet-Leaflet.fullscreen/

Signed-off-by: Wong Hoi Sing Edison [email protected]

Existing implementation handle icon with PNG, with manual positioning
with CSS background image.

This PR rework icons with Font Awesome SVG:

  - Locally venor Font Awesome v5.15.4 `expand-solid.svg` and
    `compress-solid.svg`
  - Rework styling with SCSS
  - Fix accessibility (see Leaflet#110)
  - Test with Leaflet v1.7.1
  - Update demo with above changes

Fix Leaflet#98
Fix Leaflet#102
Fix Leaflet#103
Fix Leaflet#110
Fix Leaflet#114

Signed-off-by: Wong Hoi Sing Edison <[email protected]>
@runette
Copy link

runette commented May 14, 2022

Unfortunately - no one with access to merge PRs seems to be looking at this repo.

If you want to see a fork with all of the PRs added (including this one) - see https://github.com/runette/Leaflet.fullscreen and the npm package as below (version 1.0.6 includes this PR) :

https://www.npmjs.com/package/@runette/leaflet-fullscreen

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[accessibility] Fullscreen control should have role="button"
2 participants