Fixed usability issue with email address update in Newsletter settings

This commit is contained in:
Sanne de Vries 2021-02-19 11:46:01 +01:00
parent 0fbb1adbdb
commit e627703bdd
2 changed files with 9 additions and 8 deletions

View File

@ -41,7 +41,7 @@
@successText="Confirmation email sent"
@disabled={{this.disableUpdateSupportAddressButton}}
@task={{this.updateSupportAddress}}
@class="gh-btn gh-btn-icon gh-btn-textfield-group gh-labs-members-emaildropdown"
@class="gh-btn gh-btn-green gh-btn-icon gh-btn-textfield-group gh-labs-members-emaildropdown"
data-test-button="update-support-address"
/>
</div>
@ -53,7 +53,7 @@
</div>
{{#if this.showSupportAddressConfirmation}}
<div class="flex items-center green-d1 nt3 lh-1">
{{svg-jar "check-circle" class="w4 h4 mr1 stroke-green-d1"}} <span class="nudge-left--2">Check your inbox and click the link to confirm</span>
{{svg-jar "check-circle" class="w4 h4 mr1 stroke-green-d1"}} <span class="nudge-left--2">Check your inbox and confirm before saving your settings</span>
</div>
{{/if}}
</div>
@ -72,7 +72,7 @@
@successText="Confirmation email sent"
@disabled={{this.disableUpdateFromAddressButton}}
@task={{this.updateFromAddress}}
@class="gh-btn gh-btn-icon gh-btn-textfield-group gh-labs-members-emaildropdown"
@class="gh-btn gh-btn-icon gh-btn-green gh-btn-textfield-group gh-labs-members-emaildropdown"
data-test-button="update-from-address"
/>
</div>
@ -84,7 +84,7 @@
</div>
{{#if this.showFromAddressConfirmation}}
<div class="flex items-center green-d1 nt3 lh-1">
{{svg-jar "check-circle" class="w4 h4 mr1 stroke-green-d1"}} <span class="nudge-left--2">Check your inbox and click the link to confirm</span>
{{svg-jar "check-circle" class="w4 h4 mr1 stroke-green-d1"}} <span class="nudge-left--2">Check your inbox and confirm before saving your settings</span>
</div>
{{/if}}
</div>

View File

@ -177,15 +177,16 @@
}
}
.gh-labs-members-emailinput {
}
.gh-labs-members-emaildropdown {
min-width: 208px;
margin-left: 8px;
}
.gh-labs-members-emaildropdown[disabled] {
background: var(--whitegrey-d2);
color: var(--darkgrey);
}
.gh-labs-members-defaultemaildd {
padding-right: 216px;
}