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

Exit FullScreen Path Data #21

Open
hieuvn opened this issue Aug 31, 2018 · 1 comment
Open

Exit FullScreen Path Data #21

hieuvn opened this issue Aug 31, 2018 · 1 comment

Comments

@hieuvn
Copy link

hieuvn commented Aug 31, 2018

i like path data of FullScreen icon in sandbox (Fullscreen.html data='M0 32 V 20 H 4 v 8 h 8 v 4 Z m 32 0 V 20H28v8H20v4ZM0 0V12H4V4h8V0ZM20 0V4h8v8h4V0Z'), it's nine!
could you share path data of exit fullscreen? Thanks.

@desandro
Copy link
Member

You can overwrite SVG path with JavaScript

var flkty = new Flickity('.carousel', {
  fullscreen: true
});

var viewPath = flkty.viewFullscreenButton.element.querySelector('path');
viewPath.setAttribute( 'd', 'M0 32 V 20 H 4 v 8 h 8 v 4 Z m 32 0 V 20H28v8H20v4ZM0 0V12H4V4h8V0ZM20 0V4h8v8h4V0Z' );

var exitPath = flkty.exitFullscreenButton.element.querySelector('path');
exitPath.setAttribute( 'd', '....' );

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

No branches or pull requests

2 participants