Change the jscolor format to HEX instead of HEXA

[Rocksheep]

Description

I changed a jscolor configuration where the format was set as HEXA instead of HEX.

Fixes #145

Type of change

• Bug fix (added a non-breaking change which fixes an issue)

How Has This Been Tested?

• Tested locally with a valid username
• Tested locally with an invalid username
• Ran tests with composer test
• Added or updated test cases to test new features

Checklist:

• I have checked to make sure no other pull requests are open for this issue
• The code is properly formatted and is consistent with the existing code style
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings

Screenshots

[DenverCoder1]

I want the site to still support hexa colors, just that when you input a hex color, it should display as hex to look cleaner. It already hides it on input (#137), but not if you use keyboard input.

[Rocksheep]

Ah alright, so you just always want it to be removed when it's FF?

[DenverCoder1]

Yeah, if you click away from the input box when it is 9 characters (# and 8 hex digits) and ends with FF, it should change it to just the first 7 characters (# and 6 hex digits) without the FF.

[Rocksheep]

I have added an onChange method on the jscolor configuration that uses the same function as the onInput function. This fixed it for me.

[DenverCoder1]

That looks good. 👍 I'm thinking maybe we could just use onChange instead of onInput. That way the user will still be able to type normally in the field (onInput seems to prevent that).

[Rocksheep]

Yeah I could do that, but then you get this while using the colorpicker. So it's your call!

Screen.Recording.2021-10-03.at.15.04.40.mov

[DenverCoder1]

Yeah, it's a tough call. I think it's fine as is then.

[DenverCoder1]

Thanks again for your contributions!