You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

255 lines
7.2KB

  1. .order-order {
  2. #app-order-order {
  3. display: none ;
  4. &.loaded {
  5. display: block ;
  6. }
  7. #order-distribution-date {
  8. display: none ;
  9. }
  10. .slide-enter-active {
  11. transition: all .2s ease;
  12. }
  13. .slide-leave-active {
  14. transition: all 0s ease;
  15. }
  16. .slide-enter, .slide-leave-to {
  17. transform: translateX(10px);
  18. opacity: 0;
  19. }
  20. #steps {
  21. margin-bottom: 20px ;
  22. ul {
  23. margin-top: 30px ;
  24. li {
  25. text-align: center ;
  26. padding-right: 8px ;
  27. padding-left: 8px ;
  28. position: relative ;
  29. .info-step {
  30. position: absolute ;
  31. top: -30px ;
  32. left: 0px ;
  33. width: 100% ;
  34. text-transform: normal ;
  35. }
  36. .glyphicon-chevron-right,
  37. &.active .glyphicon-chevron-right {
  38. float: right ;
  39. color: gray ;
  40. position: relative ;
  41. top: 10px ;
  42. }
  43. &#step-date {
  44. padding-left: 0px ;
  45. }
  46. &#step-payment {
  47. padding-right: 0px ;
  48. }
  49. &#step-payment .btn::after,
  50. &#step-date .btn::before {
  51. display: none ;
  52. }
  53. .btn {
  54. color: #333 ;
  55. text-transform: uppercase ;
  56. display: block ;
  57. width: 100% ;
  58. position: relative ;
  59. background-color: #e0e0e0 ;
  60. @include border-radius(0px) ;
  61. border: 0px none ;
  62. text-transform: uppercase ;
  63. .button-content {
  64. position: relative;
  65. left: 8px ;
  66. }
  67. &.btn-primary {
  68. background-color: $color1 ;
  69. }
  70. &::after, &::before {
  71. content: '' ;
  72. position: absolute ;
  73. top: -1px ;
  74. }
  75. &::after {
  76. right: -34px ;
  77. border:17px solid transparent;
  78. border-left:17px solid #e0e0e0;
  79. background-color: transparent ;
  80. }
  81. &::before {
  82. left: 0px ;
  83. border:17px solid transparent;
  84. border-left:17px solid white;
  85. background-color: transparent ;
  86. }
  87. &.btn-primary::after {
  88. border-left:17px solid $color1;
  89. }
  90. &:hover {
  91. //background-color: lighten($color1, 5) ;
  92. }
  93. &:hover::after {
  94. //border:17px solid transparent;
  95. //border-left:17px solid #fefefe;
  96. }
  97. }
  98. .btn-primary {
  99. color: white ;
  100. }
  101. }
  102. }
  103. }
  104. #legend {
  105. #order-date-color,
  106. #distribution-date-color {
  107. width: 13px ;
  108. height: 13px ;
  109. display: inline-block ;
  110. }
  111. #order-date-color {
  112. background-color: #FF7F00 ;
  113. }
  114. #distribution-date-color {
  115. background-color: #5cb85c ;
  116. }
  117. }
  118. #calendar {
  119. margin-bottom: 15px ;
  120. .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title[data-v-2083cb72] {
  121. font-size: 2rem ;
  122. }
  123. .c-day-background {
  124. padding: 20px ;
  125. }
  126. .c-day:hover {
  127. .c-day-background {
  128. background-color: #FF7F00 !important ;
  129. color: white !important ;
  130. }
  131. }
  132. .c-day-popover-content {
  133. font-size: 1.3rem ;
  134. }
  135. }
  136. .block-actions {
  137. text-align: right ;
  138. margin-top: 20px ;
  139. }
  140. table#points-sale {
  141. td.name {
  142. .the-name {
  143. font-family: 'capsuularegular' ;
  144. color: black ;
  145. font-size: 20px ;
  146. line-height: 25px ;
  147. }
  148. }
  149. td.actions {
  150. width: 150px ;
  151. button {
  152. width: 100% ;
  153. }
  154. }
  155. tr.selected {
  156. td {
  157. background-color: $color2 ;
  158. }
  159. }
  160. }
  161. table#products {
  162. td.photo {
  163. img {
  164. width: 100px ;
  165. }
  166. }
  167. td.name {
  168. .name {
  169. font-family: 'capsuularegular' ;
  170. color: black ;
  171. font-size: 20px ;
  172. line-height: 25px ;
  173. }
  174. .other {
  175. font-size: 14px ;
  176. color: #333 ;
  177. }
  178. .recipe {
  179. color: gray ;
  180. }
  181. }
  182. .price-unit, .price-total {
  183. width: 100px ;
  184. text-align: center ;
  185. }
  186. .td-quantity {
  187. width: 150px ;
  188. input.quantity {
  189. text-align: center ;
  190. }
  191. }
  192. tr.total {
  193. .price-total {
  194. font-size: 23px ;
  195. }
  196. }
  197. }
  198. #content-step-payment {
  199. .credit {
  200. margin-top: 20px ;
  201. .info {
  202. margin-left: 20px ;
  203. color: gray ;
  204. }
  205. }
  206. }
  207. #infos {
  208. margin-top: 30px ;
  209. .panel-body {
  210. padding-top: 0px ;
  211. white-space: pre-line ;
  212. }
  213. }
  214. }
  215. }