network-order-widget.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. #woocommerce_network_orders {
  2. .inside {
  3. margin: 0;
  4. padding: 0;
  5. }
  6. .woocommerce-network-orders-no-orders,
  7. .woocommerce-network-order-table-loading,
  8. .woocommerce-network-order-table {
  9. width: 100%;
  10. display: none;
  11. &.is-active {
  12. display: block;
  13. }
  14. }
  15. .woocommerce-network-orders-no-orders,
  16. .woocommerce-network-order-table-loading {
  17. p {
  18. text-align: center;
  19. }
  20. }
  21. .woocommerce-network-order-table {
  22. &.is-active {
  23. display: table;
  24. }
  25. margin-top: 0;
  26. thead td {
  27. padding: 0.5em 1em;
  28. }
  29. }
  30. .spinner {
  31. margin-top: 0;
  32. float: none;
  33. }
  34. .post-type-shop_order {
  35. .woocommerce-network-order-table {
  36. tbody {
  37. th, td {
  38. border-top: 1px solid #f5f5f5;
  39. }
  40. td {
  41. vertical-align: middle;
  42. padding: 1em;
  43. .order-status {
  44. display: inline-flex;
  45. padding: 0px 1em;
  46. line-height: 2.5em;
  47. color: #777;
  48. background: #E5E5E5;
  49. border-radius: 4px;
  50. border-bottom: 1px solid rgba(0,0,0,0.05);
  51. margin: -.5em 0;
  52. cursor: inherit !important;
  53. &.status-completed {
  54. background: #C8D7E1;
  55. color: #2e4453;
  56. }
  57. &.status-on-hold {
  58. background: #f8dda7;
  59. color: #94660c;
  60. }
  61. &.status-failed {
  62. background: #eba3a3;
  63. color: #761919;
  64. }
  65. &.status-processing {
  66. background: #C6E1C6;
  67. color: #5B841B;
  68. }
  69. &.status-trash {
  70. background: #eba3a3;
  71. color: #761919;
  72. }
  73. }
  74. }
  75. }
  76. }
  77. }
  78. }