[REQUEST] Copy button for username on profile hover card

[DankMemeGuy]

When hovering over a profile some stats come up, it would be nice if one of the buttons easily copied the username onto the clipboard.

[johnnybigoode-zz]

Oh wow I can def. take this How about something like the copy to clipboard icon from github?

[DankMemeGuy]

That's perfect!

[honestbleeps]

We actually already have an icon library included, so a copy icon that's in there already would be best to use! It's called batch, and there's a cheat sheet here: http://betsol.github.io/batch-webfont/

On Tue, Apr 21, 2020 at 8:46 PM DankMemeGuy [email protected] wrote:

That's perfect!

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/honestbleeps/Reddit-Enhancement-Suite/issues/5181#issuecomment-617492533, or unsubscribe https://github.com/notifications/unsubscribe-auth/AACPBM27FBVVOKTRSLPLGYLRNZD5LANCNFSM4K3HJALQ .

[johnnybigoode-zz]

@honestbleeps thank you, that makes everything even easier

[jewel-andraia]

you could even skip the () wrappers and just show the 📋 icon

[johnnybigoode-zz]

Here's the dilemma. I could use the emoji 📋 Then there is we a icon library included. But I don't know how to use it. With fonts-awesome, I just had to add a a class to a elemment. But I fear it was not so intuitive

Here's what I tried

const header = string.html`
	<div>
		<a href="/user/${data.name}">/u/${data.name}</a>
		<a>
			<div class="icon">
				<span class="batch batch-clipboard"></span>
			</div>
			<div class="glyph batch">
                <span class="glyph-caption">Glyph:</span> 
            </div>
			<i class="glyph batch"></i>
		    <div class="glyph batch">                    
			</div>
			📋
		</a>
	 	(<a href="/user/${data.name}/submitted/">${i18n('userInfoLinks')}</a>)
	 	(<a href="/user/${data.name}/comments/">${i18n('userInfoComments')}</a>)
	</div>

Here's what I got. Only the emoji renders.

Erm... help? @honestbleeps