Add <label>s to postbox <input>s

This commit is contained in:
Max Chadwick 2017-11-20 21:47:53 -05:00
parent b7526ecab1
commit b4e848c649
2 changed files with 13 additions and 3 deletions

View File

@ -224,3 +224,10 @@
text-align: right; text-align: right;
} }
} }
.isso-visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}

View File

@ -5,13 +5,16 @@ div(class='isso-postbox')
= i18n('postbox-text') = i18n('postbox-text')
section(class='auth-section') section(class='auth-section')
p(class='input-wrapper') p(class='input-wrapper')
input(type='text' name='author' placeholder=i18n('postbox-author') label(for='isso-postbox__author',class='isso-visuallyhidden')= i18n('postbox-author')
input(type='text' name='author' id='isso-postbox__author' placeholder=i18n('postbox-author')
value=author !== null ? '#{author}' : '') value=author !== null ? '#{author}' : '')
p(class='input-wrapper') p(class='input-wrapper')
input(type='email' name='email' placeholder=i18n('postbox-email') label(for='isso-postbox__email',class='isso-visuallyhidden')= i18n('postbox-email')
input(type='email' name='email' id='isso-postbox__email' placeholder=i18n('postbox-email')
value=email != null ? '#{email}' : '') value=email != null ? '#{email}' : '')
p(class='input-wrapper') p(class='input-wrapper')
input(type='text' name='website' placeholder=i18n('postbox-website') label(for='isso-postbox__website',class='isso-visuallyhidden')= i18n('postbox-website')
input(type='text' name='website' id='isso-postbox__website' placeholder=i18n('postbox-website')
value=website != null ? '#{website}' : '') value=website != null ? '#{website}' : '')
p(class='post-action') p(class='post-action')
input(type='submit' value=i18n('postbox-submit')) input(type='submit' value=i18n('postbox-submit'))