actually use labels, html5 validations, etc [ci skip]
This commit is contained in:
parent
e79d78302e
commit
31af414a04
3 changed files with 50 additions and 10 deletions
|
|
@ -42,6 +42,10 @@
|
|||
form#user_new {
|
||||
display : inline-block;
|
||||
|
||||
label {
|
||||
color : #555;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
@include border-radius(5px);
|
||||
|
||||
|
|
@ -54,6 +58,7 @@
|
|||
border : 1px solid #888;
|
||||
|
||||
input[type=text],
|
||||
input[type=email],
|
||||
input[type=password] {
|
||||
@include box-shadow(0,0,0,0);
|
||||
@include border-radius(0);
|
||||
|
|
@ -63,13 +68,23 @@
|
|||
padding : 10px;
|
||||
|
||||
margin-bottom : 0;
|
||||
display : block;
|
||||
border : none;
|
||||
}
|
||||
|
||||
/* mainly bootstrap overrides */
|
||||
.control-group {
|
||||
margin : 0;
|
||||
border-bottom : 1px solid #ddd;
|
||||
|
||||
&:last-child {
|
||||
border-bottom : none;
|
||||
.control-label,
|
||||
input[type=text],
|
||||
input[type=password] {
|
||||
padding : 10px;
|
||||
margin : 0;
|
||||
}
|
||||
|
||||
.controls { margin-left : 100px; }
|
||||
.control-label { width : 80px; }
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -82,7 +97,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/* buttons to be extracted? */
|
||||
.new-btn {
|
||||
@include transition(box-shadow);
|
||||
|
|
@ -94,6 +108,7 @@
|
|||
color : #888;
|
||||
border : 1px solid #888;
|
||||
|
||||
//font-family : Roboto-Bold;
|
||||
font-size : 14px;
|
||||
text-shadow : 0 1px 2px #eee;
|
||||
|
||||
|
|
|
|||
|
|
@ -19,12 +19,37 @@
|
|||
SIGN UP
|
||||
</h4>
|
||||
|
||||
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| %>
|
||||
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => {:class => "form-horizontal", :autocomplete => "off"}) do |f| %>
|
||||
<fieldset>
|
||||
<%= f.text_field :email, :placeholder => "EMAIL", :title => t('registrations.new.enter_username') %>
|
||||
<%= f.text_field :username, :placeholder => "USERNAME", :title => t('registrations.new.enter_username') %>
|
||||
<%= f.password_field :password, :placeholder => "PASSWORD", :title => t('registrations.new.enter_password') %>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="user_email">
|
||||
EMAIL
|
||||
</label>
|
||||
|
||||
<div class="controls">
|
||||
<%= f.email_field :email, :placeholder => "luke@hoth.net", :title => t('registrations.new.enter_email'), :required => true %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="user_username">
|
||||
USERNAME
|
||||
</label>
|
||||
|
||||
<div class="controls">
|
||||
<%= f.text_field :username, :placeholder => "jedi_guy", :title => t('registrations.new.enter_username'), :required => true, :pattern => "[A-Za-z0-9_]+" %>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="user_password">
|
||||
PASSWORD
|
||||
</label>
|
||||
|
||||
<%= f.password_field :password, :placeholder => "••••••••", :title => t('registrations.new.enter_password'), :required => true, :pattern => "......+" %>
|
||||
<%= invite_hidden_tag(invite) %>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<%= f.submit "Continue", :class => "new-btn" %>
|
||||
|
|
|
|||
|
|
@ -721,7 +721,7 @@ en:
|
|||
|
||||
enter_email: "Enter an email"
|
||||
enter_username: "Pick a username (only letters, numbers, and underscores)"
|
||||
enter_password: "Enter a password"
|
||||
enter_password: "Enter a password (six character minimum)"
|
||||
enter_password_again: "Enter the same password as before"
|
||||
create:
|
||||
success: "You've joined Diaspora!"
|
||||
|
|
|
|||
Loading…
Reference in a new issue