diff --git a/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.Order.html b/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.Order.html index 120f9eaee4f44ec55c3e3431b747dd6397b9ebc4..20b5c10983194e5fa722f3ebb81c53827a242929 100644 --- a/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.Order.html +++ b/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.Order.html @@ -89,7 +89,9 @@ {if isset($orderStatus)} <div class="quiqqer-order-profile-orders-order__group quiqqer-order-profile-orders-order-footer-orderStatus"> <span class="quiqqer-order-profile-orders-order__label">{locale group="quiqqer/order" var="control.profile.orders.order.orderStatus"}:</span> - <div class="quiqqer-order-profile-orders-order__value">{$orderStatus}</div> + <div class="quiqqer-order-profile-orders-order__value"> + <span class="badge badge-primary">{$orderStatus}</span> + </div> </div> {/if} </footer> diff --git a/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.css b/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.css index ad0c4a21f0e36c07ae705bbb8b4815ef7cdeb606..0da55d94c82fad0dad1636ffa6de5d6e3436d637 100644 --- a/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.css +++ b/src/QUI/ERP/Order/FrontendUsers/Controls/UserOrders.css @@ -5,6 +5,7 @@ --_box-bgColor: var(--box-bgColor, #f6f6f6); --_borderColor: var(--borderColor, #ddd); --_borderWidth: var(--borderWidth, 1px); + --_order-borderRadius: var(--order-borderRadius, 0.5rem); --_scrollMarginTop: var(--scrollMarginTop,var(--_qui-template-scrollMarginTop, 0px)); } @@ -19,6 +20,18 @@ font-size: var(--_label-fontSize); } +/** One Order + =============================================== */ +:where(.quiqqer-order-profile-orders-order) { + container-type: inline-size; + container-name: quiqqer-order-profile-orders-order; + + overflow: hidden; + border-radius: var(--_order-borderRadius); + border: var(--_borderWidth) solid var(--_borderColor); + min-width: 0; +} + /* header */ :where(.quiqqer-order-profile-orders-order__header) { background: var(--_box-bgColor); @@ -32,17 +45,6 @@ text-align: right; } -/** One Order - =============================================== */ - -:where(.quiqqer-order-profile-orders-order) { - container-type: inline-size; - container-name: quiqqer-order-profile-orders-order; - - border: var(--_borderWidth) solid var(--_borderColor); - min-width: 0; -} - /* article list */ .quiqqer-order-profile-orders-order-articles { padding: var(--_box-padding); @@ -61,7 +63,7 @@ width: calc(10rem - 0.5rem); height: calc(10rem - 0.5rem); background: var(--_box-bgColor); - border-radius: 0.5rem; + border-radius: var(--_order-borderRadius); overflow: hidden; display: grid; place-content: center;