fix personal page password form layout

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-01-25 12:05:43 +01:00
parent f469b3e958
commit 3384b2f53c
3 changed files with 18 additions and 15 deletions

View File

@ -568,15 +568,16 @@ label.infield {
padding-right: 30px;
}
#personal-show + label {
height: 14px;
margin-top: -25px;
left: 267px;
display: block;
.personal-show-container {
position: relative;
display: inline-block;
margin-right: 6px;
}
#passwordbutton {
margin-left: .5em;
#personal-show + label {
display: block;
right: 0;
margin-top: -36px;
padding: 6px 4px;
}
/* Database selector */

View File

@ -848,7 +848,7 @@ span.indeterminate {
/* PASSWORD */
#passwordform .strengthify-wrapper {
position: absolute;
left: 166px;
left: 0;
width: 130px;
margin-top: -6px;
}

View File

@ -186,12 +186,14 @@ if($_['passwordChangeSupported']) {
<input type="password" id="pass1" name="oldpassword"
placeholder="<?php p($l->t('Current password'));?>"
autocomplete="off" autocapitalize="off" autocorrect="off" />
<label for="pass2" class="hidden-visually"><?php p($l->t('New password'));?>: </label>
<input type="password" id="pass2" name="newpassword"
placeholder="<?php p($l->t('New password')); ?>"
data-typetoggle="#personal-show"
autocomplete="off" autocapitalize="off" autocorrect="off" />
<input type="checkbox" id="personal-show" name="show" /><label for="personal-show" class="personal-show-label"></label>
<div class="personal-show-container">
<label for="pass2" class="hidden-visually"><?php p($l->t('New password'));?>: </label>
<input type="password" id="pass2" name="newpassword"
placeholder="<?php p($l->t('New password')); ?>"
data-typetoggle="#personal-show"
autocomplete="off" autocapitalize="off" autocorrect="off" />
<input type="checkbox" id="personal-show" name="show" /><label for="personal-show" class="personal-show-label"></label>
</div>
<input id="passwordbutton" type="submit" value="<?php p($l->t('Change password')); ?>" />
<br/>
</form>