fixed: active circle index error
| | |
| | | break; |
| | | case 'done': |
| | | step = 3; |
| | | break; |
| | | break; |
| | | case 'closed': |
| | | step = 3; |
| | | break; |
| | | break; |
| | | case 'cancel': |
| | | step = 3; |
| | | break; |
| | |
| | | .appointment-progress{ |
| | | display: flex; |
| | | .appointment-progress__indicator { |
| | | justify-content: space-between; |
| | | display : flex; |
| | | align-items : center; |
| | | display : flex; |
| | | justify-content: space-between; |
| | | position : relative; |
| | | .circle { |
| | | width : 8px; |
| | | height : 8px; |
| | | border-radius : 50%; |
| | | background-color: white; |
| | | margin : 0; |
| | | z-index : 50; |
| | | border : 1px solid #707070; |
| | | border-radius : 50%; |
| | | height : 8px; |
| | | margin : 0; |
| | | width : 8px; |
| | | z-index : 5; |
| | | &.activate { |
| | | background-color: $PRIMARY_BLACK; |
| | | } |
| | | } |
| | | .line { |
| | | position : absolute; |
| | | height : 3px; |
| | | width : 90%; |
| | | left : 5%; |
| | | background-color: #707070; |
| | | height : 3px; |
| | | left : 5%; |
| | | position : absolute; |
| | | width : 90%; |
| | | } |
| | | } |
| | | } |