Move copy story url to clipboard button to the story dropdown menu

[mcelaney]

Closes #218

Description:

Depending on the length of a story description the "copy url to clipboard" icon could appear on the next line like so:

Moved the button from being a hidden transition without a static location to the dropdown menu:

---

I will abide by the code of conduct.

Jira link https://ombulabs.atlassian.net/browse/DT-216

[mcelaney]

Question for our JavaScript-savvy friends - looking at issue 218 on Points and I'm proposing moving the copy-to-clipboard link to the story dropdown. This works fine (see screenshot) if everyone is ok with the design change but for some reason I can't figure out the success-alert popup no longer shows up. Looking at action_plan.js it seems like it should... not sure how I broke what I broke?

[FionaDL]

Hey @mcelaney I imagine that the issue is not with the javascript, but with the css. The popup was happening within the container of the story before and the css surrounding it was based on it being in that location. I can see that when I inspect and click on the copy, it is momentarily changing the style in the code, but I think it won't work because the css doesn't make sense inside the dropdown menu. I could be wrong, but I believe that is what is happening.

[mcelaney]

@FionaDL That helped - thanks!

[arielj]

hey @mcelaney the change looks good, one thing that looks like it's broken is the position of the Copied to clipboard popup, maybe it can popup on the right side of the row? something like left: 100%

[mcelaney]

@arielj

hey @mcelaney the change looks good, one thing that looks like it's broken is the position of the Copied to clipboard popup, maybe it can popup on the right side of the row? something like `left: 100%

That'll run it off the screen at most resolutions - how about left: 80% and have it touching the hotdog button that started it?

`

[arielj]

@arielj

hey @mcelaney the change looks good, one thing that looks like it's broken is the position of the Copied to clipboard popup, maybe it can popup on the right side of the row? something like `left: 100%

That'll run it off the screen at most resolutions - how about left: 80% and have it touching the hotdog button that started it?

`

To prevent the message to overflow on smaller devices maybe a right: 30px is more consistent.

[rishijain]

hey @mcelaney can you please address the comments by Ariel here and let us know if no changes are needed, we will then further take this for QA? Thanks !

[rishijain]

Hey @mcelaney did you get a chance to look at it further?

[hmdros]

Looking good. ✅

[FionaDL]

@rishijain @hmdros QA looks good, merging! Nice Job!