Copying colors not working correctly

[you06]

I was using https://uigradients.com/#Margo to generate gradient CSS code.

When I click copy, I get the following CSS.

background: #FFEFBA;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

The gradient order is reversed.

[tomdreamevil]

Colour copying reverts to #ffffff on the Kyoto page also:
https://uigradients.com/#Kyoto

Looks like the list item id's are reverting to c-ffffff instead of the actual colours?

[ghosh]

@you06 @tomdreamevil Thank you for opening this issue.

uiGradients/src/components/modals/CodeModal.vue

Lines 15 to 17 in dedd52a

	<span class="codeblock__property">background</span>: <span class="codeblock__spec">{{ this.gradient.colors[0] | lowercase }}</span>; <span class="codeblock__comment">/* fallback for old browsers */</span>
	<span class="codeblock__property">background</span>: -webkit-linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* Chrome 10-25, Safari 5.1-6 */</span>
	<span class="codeblock__property">background</span>: linear-gradient({{ this.direction }}, <span class="codeblock__spec">{{ [...this.gradient.colors].join(', ') | lowercase }}</span>); <span class="codeblock__comment">/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */</span>

We would need to reverse the array of colors being rendered in the modal.

[...this.gradient.colors].join(', ')

to

[...this.gradient.colors].reverse().join(', ')

This should fix this.

[max-ci]

#497 Fix

[joshuabalduff]

It is still doing this just fyi