Improvements to build dropdown

A few ideas for usability that we can discuss.

1. Let’s make the button extend to the right edge. e.g., if we set the btn-group div width to 100%, the left button to 70% and the right arrow to 30%, then we get:

1. ~Fix some bugginess with the popup window. On chrome in windows 10, as soon as I click anywhere inside the popup window (including trying to highlight the text) then the window disappears.~ see #158

2. ~Add some “auto-copy to clipboard” functionality, similar to how github lets you auto-copy the github URL to the clipboard. E.g., it looks like github uses a flash app called zero clipboard to do this, so maybe it won’t be as trivial as it seems.~ seems more effort than needed

3. Add an option for just getting the URL and not the badge. I know it’s easy for people to copy/paste the URL out of the badges themselves, but I feel like it’s a fairly common usecase for people to just want the URL.

Thoughts?

[ghost]

Thanks for the feedback, everyone!

@willingc that would be awesome to add a copy to clipboard option… I just added an icon to the top of the “Copy and share this URL” section and next to each of the badge options in the dropdown. I moved the icons to the right, to make things consistent.

@ellisonbg here is what I’m thinking for the collapsed state:

[ghost]

@choldgraf so far, I’ve added icons and created new divs for the new copy and paste menus, but I’m not sure how to transfer over some of the functions from the “Launch” dropdown down into the new sections. As of now, I’m going to leave a blank space for the copy and paste areas and left the same launch button above. Here’s what I have so far (not finished!):

I’ll try to finish this styling by the end of the week, and then we can start implementing the rest of the code into it!