Add <label>s to postbox <input>s

pull/353/head
Max Chadwick 7 years ago
parent b7526ecab1
commit b4e848c649

@ -224,3 +224,10 @@
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;
}

@ -5,13 +5,16 @@ div(class='isso-postbox')
= i18n('postbox-text')
section(class='auth-section')
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}' : '')
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}' : '')
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}' : '')
p(class='post-action')
input(type='submit' value=i18n('postbox-submit'))

Loading…
Cancel
Save