httpstersk / social-media-icons Goto Github PK

This is really awesome thanks

so it opens a new browser tab.

Needs to support: target="_blank"

Example:

Twitter: <social-media-icons icon="twitter" color="#bada55" size="32" href="https://twitter.com/" target="_blank" **></social-media-icons>

Hello,

I have tried your element, but gives this error:
Error: attribute d: Expected moveto path command ('M' or 'm'), "undefined".
for photos : http://prntscr.com/efwhja

It would be helpful to be able to give feedback to the user when the mouse is over one of the icon, hover, with the default behaviour been the current one.

A simple implementation would be to add to the style inside the template the following code:

a:hover {
stroke: var(--social-media-icons-hover-color, color);
}

which it will allow to use code below to set the hover outline colour:

:host {
--social-media-icons-hover-color: grey;
}

if the --social-media-icons-hover-color is not set the behaviour is as it worked before

In line 73, where the Polymer element is defined, a callback is used which is deprecated and does not work with the most recent version.

Polymer('social-media-icons', {

should be

Polymer({ is: 'social-media-icons',

That gets rid of the error for me. However the icons are still not displayed. So I'm kind of stuck here...

Generating items works fine now (thank you for updating!),
however it appears that hyperlinks aren't working (including the demo).

Google plus icon is already there in the project. Google icon will also be needed.
Kindly add google icon.
The SVG for google icon can be found at https://github.com/GoogleWebComponents/google-signin/blob/master/google-icons.html

How can i add hover effects ? change color something like that ?

Your demo page is showing a 404

I also need an Element that has these icons, but rather than just link to for example, my twitter, rather shares via their twitter.

I can just use the icons here, but also thinking it would be nice to extend this element so its supports sharing

I have one social-meida-icons element, which I want to style depending on my function outcome (color and icon), but there is a problem because each time I override the icon, after calling the function, i can see former icon in background (for example if i use facebook icon, and than youtube icon, there is a little of facebook icon at top and bottom of the new icon).
Is there a way to fix this?

The white area in the svg are not clickable making href attribute not usable.
See your demo link (http://hejty.github.io/demos/social-media-icons/).

The white space in the octa-cat is not clickable.

Hello! Thanks for developing this custom element. Do you have any plans on updating to Google's new G logo?

Thanks in advance,
Vinicius