fix: Updated UI so option is no longer nested, added proper description

This commit is contained in:
Tomer Shvueli 2021-04-30 10:48:20 -04:00
parent da37add779
commit efd224d380
3 changed files with 14 additions and 15 deletions

View File

@ -886,7 +886,10 @@
"message": "If a login form is detected, automatically perform an auto-fill when the web page loads."
},
"enableAutoTotpCopyOnAutoFill": {
"message": "Copy TOTP to clipboard after auto-fill"
"message": "Automatic TOTP Copy after Page Load"
},
"enableAutoTotpCopyOnAutoFillDesc": {
"message": "If Auto-fill On Page Load is enabled, and your login has an authenticator key attached to it, the TOTP verification code is automatically copied to your clipboard after loading the web page."
},
"experimentalFeature": {
"message": "This is currently an experimental feature. Use at your own risk."

View File

@ -9,13 +9,6 @@
margin-top: 0;
}
.box {
width: calc(100% - 15px);
margin-left: 15px;
margin-bottom: 5px;
border-left: 1px solid #000000;
}
.box-header {
margin: 0 10px 5px 10px;
text-transform: uppercase;

View File

@ -23,15 +23,18 @@
{{'enableAutoFillOnPageLoadDesc' | i18n}}
<b>{{'warning' | i18n}}</b>: {{'experimentalFeature' | i18n}}
</div>
<div class="box">
<div class="box-content">
<div class="box-content-row box-content-row-checkbox" appBoxRow>
<label for="autoCopyTotp">{{'enableAutoTotpCopyOnAutoFill' | i18n}}</label>
<input id="autoCopyTotp" type="checkbox" (change)="updateAutoTotpCopyOnAutoFill()"
[(ngModel)]="enableAutoTotpCopyOnAutoFill" [disabled]="!enableAutoFillOnPageLoad">
</div>
</div>
<div class="box">
<div class="box-content">
<div class="box-content-row box-content-row-checkbox" appBoxRow>
<label for="autoCopyTotp">{{'enableAutoTotpCopyOnAutoFill' | i18n}}</label>
<input id="autoCopyTotp" type="checkbox" (change)="updateAutoTotpCopyOnAutoFill()"
[(ngModel)]="enableAutoTotpCopyOnAutoFill" [disabled]="!enableAutoFillOnPageLoad">
</div>
</div>
<div class="box-footer">
{{'enableAutoTotpCopyOnAutoFillDesc' | i18n}}
</div>
</div>
<div class="box">
<div class="box-content">