Commit 79348249 authored by Emily Jensen's avatar Emily Jensen

Added icon to toggle scanner

parent 0578408c
......@@ -39,17 +39,22 @@
</div>
<div [class.u-invisible]="!showScanner" class="canvas-check-wrapper">
<div class="canvas-check-wrapper">
<canvas #canvas id="canvas" class="canvas"></canvas>
<div class="close-wrapper" (click)="toggleScan()">
<div class="close-circle">
<div class="close-icon" [inlineSVG]="'../../assets/svg/plus.svg'">
</div>
</div>
</div>
<div class="check-wrapper">
<div class="verified-circle">
<div class="verified-circle" [class.u-invisible]="!hasStarted">
<div class="checkmark-icon" [inlineSVG]="'../../assets/svg/check.svg'">
</div>
</div>
</div>
</div>
</div>
<form [ngrxFormState]="form" (submit)="onSubmit()">
<div class="form-field form-field--large">
......@@ -60,9 +65,13 @@
[class.form-field__input--invalid]="form.errors._code && form.isSubmitted" [class.form-field__input--valid]="!form.errors._code" />
</div>
<button id="loginSubmit" class="button button--large button--green" [disabled]="hasStarted" type="submit">
Next
</button>
<div class="verify-backup-code__actions">
<button id="loginSubmit" class="button button--large button--green" [disabled]="hasStarted" type="submit">
Next
</button>
<progress-indicator [inProgress]="hasStarted" inProgressText="Submitting Code"></progress-indicator>
</div>
</form>
<div class="register-step__heading--inactive u-margin-t-20">Enter New Password</div>
......
......@@ -27,6 +27,7 @@
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.checkmark-icon {
......@@ -46,3 +47,36 @@
border-radius: 50%;
background: $color-de-york;
}
.close-wrapper {
position: absolute;
width: 20px;
height: 20px;
margin: auto;
top: 10px;
right: 10px;
}
.close-icon {
display: block;
position: absolute;
fill: $color-white;
transform: rotate(45deg);
width: 10px;
margin: 0, auto;
top: 1.75px;
left: 4.15px;
}
.close-circle {
position: relative;
width: 100%;
height: 100%;
border-radius: 50%;
background: $color-deep-cerulean;
// z-index: 1;
}
.verify-backup-code {
&__actions {
position: relative;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment