Issues in develop branch about prestashop-ui-kit HOT 9 CLOSED

@prestascott it's not the same component than sticky alerts at all :/

About the warning input, we must keep using #759299 for the label except for the warning input which is red #F44336.

Did you mean except for the error input ?

from prestashop-ui-kit.

I'm aware the warning color does not officially belong to the UI kit but we should find a better shade nonetheless.

from prestashop-ui-kit.

Hi @eternoendless, thank you for your feedback!

1. I decided to change this informational alert by adding a blue border (#25B9D7) to easily identify it. An I changed all the links to a dark grey color (#363A41) and put it in bold and underlined.
   

2. I agree, blue doesn’t fit every colored background so it becomes dark grey.
   

3. Text is supposed to be darker (#363A41). I changed the icon color into #FAB000.
   

4. These aren’t the colors that are supposed to be used, here they are: 


• Success alert: green #53D572

• Info alert: blue #25B9D7

• Error/danger alert: red #F44336
• Warning alert: orangey yellow #FAB000


  

This is my second proposition which looks like the sticky alerts:

5. The warning badges won’t be "muddy" anymore with the orangey yellow #FAB000.
6. These buttons doesn’t exist in the BO because we don’t use them.
7. Same, this warning input doesn’t exist. We only use red one which is the error input.
8. We must keep the background without any radius. And yes I agree with you, the nav pills works without background. 
Here is my design proposition:
   

Wdyt?

from prestashop-ui-kit.

The second proposition of toasts is undoable due to the markup which is impossible to change inside jquery growl (we can't add icons, other things are doable.

from prestashop-ui-kit.

@prestascott what about the warning input ?

from prestashop-ui-kit.

@NeOMakinG What are the other things that are doable?
Isn't it the same component as the sticky alert?

About the warning input, we must keep using #759299 for the label except for the warning input which is red #F44336.

from prestashop-ui-kit.

Yes, sorry i meant except for the error input.
Ok I see. Then we can keep the second proposition but without the icons.

from prestashop-ui-kit.

Ping @NeOMakinG

from prestashop-ui-kit.

@prestascott as you'r in rest, we try to go further as it's becoming urgent, feel free to open it again if you notice something wrong

from prestashop-ui-kit.