[solved] Understanding Order Statuses

flexsus
Topic Author
Offline

9 years 4 months ago - 8 years 9 months ago #268698 by flexsus

[solved] Understanding Order Statuses was created by flexsus

There is a bug in media/com_hikamarket/css/backend_default.css:
It says 'span.order-label-refund' but it should be 'span.order-label-refunded'.
And 'span.order-label-pending' is missing.

CSS suggestion:

Code:

span.order-label {
	text-transform: capitalize;
}
span.hk-label-grey {
	background-color: #999; 
}
span.hk-label-green {
	background-color: #468847; 
}
span.hk-label-blue {
	background-color: #3a87ad; 
}
span.hk-label-orange {
	background-color: #c67605; 
}
span.hk-label-red {
	background-color: #b94a48; 
}
span.hk-label-black,
span.order-label-all {
	background-color: #000000; 
}
/* Order colors https://mdbootstrap.com/css/colors/ */
span.order-label-created { background-color: #999; /* grey */ }
span.order-label-pending { background-color: #0099CC; /* blue info-color-dark */ }
span.order-label-confirmed { background-color: #00C851; /* green success-color */ }
span.order-label-shipped { background-color: #007E33; /* green success-color-dark */ }
span.order-label-cancelled { background-color: #CC0000; /* red danger-color-dark */ }
span.order-label-refunded { background-color: #ff4444; /* red danger-color */ }
span.order-label-all { background-color: #000000; /* black */ }
/* Order colors - end */

.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building

Last edit: 8 years 9 months ago by flexsus. Reason: solved

Please Log in or Create an account to join the conversation.

flexsus
Topic Author
Offline

9 years 4 months ago - 9 years 4 months ago #268723 by flexsus

Replied by flexsus on topic Understanding Order Statuses

Further suggestions to the small bug in CSS and more meaningful colors to Order Status. I was looking around and found colors:
Magento
PrestaShop

Since ;Order statuses in language files is with small caps I suggest capitalize text:

Code:

span.order-label { text-transform: capitalize; }

And color edits:

.ninja { color: black; visibility: hidden; }
In case of fire:
1. git commit
2. git push
3. exit building

Last edit: 9 years 4 months ago by flexsus.

Please Log in or Create an account to join the conversation.

Jerome
Offline
HikaShop core developer

9 years 4 months ago #268734 by Jerome

Replied by Jerome on topic Understanding Order Statuses

Hello,

1 - HikaMarket CSS will follow the rules of HikaShop CSS.
2 - There is no definition of the "order-label" definition in the HikaMarket backend CSS file (release 1.7.3)

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Moderators: Obsidev

Time to create page: 0.182 seconds