sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-08-04 04:59:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(username): Add @ prepend

Browse source
This commit is contained in:
Sabe Jones 2018-10-14 12:21:52 -05:00
parent bbd98517ff
commit c576c5261e
1 changed files with 23 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
website/client/components/settings/verifyUsername.vue
View file

@ -28,12 +28,13 @@
.col-3
label(for='username') {{ $t('username') }}
.col-9
input#username.form-control(
type='text',
:placeholder="$t('newUsername')",
v-model='temporaryUsername',
@blur='restoreEmptyUsername()',
:class='{"is-invalid input-invalid": usernameInvalid, "input-valid": usernameValid}')
.input-group-prepend.input-group-text @
input#username.form-control(
type='text',
:placeholder="$t('newUsername')",
v-model='temporaryUsername',
@blur='restoreEmptyUsername()',
:class='{"is-invalid input-invalid": usernameInvalid, "input-valid": usernameValid}')
.mb-3(v-if="usernameIssues.length > 0")
.input-error.text-center(v-for="issue in usernameIssues") {{ issue }}
.small.text-center {{ $t('usernameLimitations') }}
@ -86,6 +87,17 @@
margin-bottom: 1rem;
}
.input-group-prepend {
margin-right: 0px;
}
.input-group-text {
border: 0px;
background-color: $white;
color: $gray-300;
padding: 0rem 0rem 0rem 0.75rem;
}
label {
font-weight: bold;
margin-bottom: 0rem;
@ -115,6 +127,11 @@
margin-right: -3rem;
padding: 1rem 4rem 1rem 4rem;
}
#username {
padding-left: 0.25rem;
}
</style>
<script>