Problem/Motivation

Provide a button that allows sharing to Telegram network.

Issue fork better_social_sharing_buttons-3559724

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

electric.larry created an issue. See original summary.

electric.larry’s picture

electric.larry commented

I am almost done with this feature, I just need help with creating the icon sprite maps.

@Shelane, I can't seem to figure out, how to merge the new buttons' SVG graphics from the source folder into the spritemaps (social-icons--square.svg, social-icons--no-color.svg) in the dist folder. Could you please describe how to create/update those spritemaps?

Thanks!

electric.larry opened merge request !41

electric.larry’s picture

electric.larry commented
Assigned: electric.larry » Unassigned
Status: Active » Needs review

If someone wonders how to add more icons to the spritemap and stumbles upon this issue:

You can use svgo (https://www.npmjs.com/package/svgo) to optimize the icons and manually merge them into the spritemaps 'social-icons--no-color.svg' and 'social-icons--square.svg'.

Adding icons to a SVG spritemap is straight forward, no alignment necessary as required when creating a PNG spritemap. The icons are referenced by ID instead of positions.

Also make sure to add CSS variables for custom colors. See README.md for a list of available variable names, eg. --bss-color15.

Allow for two custom styles for the square icons:

Individual background color per icon, eg. style="fill: var(--bss-color15, #009eeb)"
And a foreground/icon color --bss-color2 which controls the icon color on all of the icons and defaults to white: style="fill: var(--bss-color2, #fff)"

shelane’s picture

shelane
Primary language English
commented
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.