Download as
Browse Code »

Commit 976c7169c30f4791a0adef8633d900e755ff1235

Authored by Renan Costa
Committed by Rafael Manzo
1 parent 76d5701d
Exists in colab and in 4 other branches master, spb-master, spb-stable, stable

Information fields on the signup screen

Showing 2 changed files with 90 additions and 18 deletions   Show diff stats
app/assets/stylesheets/boilerplate/main.css
  Diff comments   View file @976c716
... ... @@ -93,10 +93,51 @@ textarea {
93 93 Author's custom styles
94 94 ========================================================================== */
95 95  
  96 +.form-table {
  97 + float: left;
  98 + width: 90%;
  99 + margin: 0 !important;
  100 + background: #fff;
  101 + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  102 + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  103 +}
96 104  
  105 +.field {
  106 +float: left;
  107 +width: 100%;
  108 +border-bottom: 1px solid #f2f2f2;
  109 +border-top: 1px solid #e3e3e3;
  110 +overflow: hidden;
  111 +display: inline-flex;
  112 +}
97 113  
  114 +.user-details {
  115 +position: relative;
  116 +float: left;
  117 +width: 653px;
  118 +padding: 20px;
  119 +}
98 120  
  121 +.help {
  122 +float: left;
  123 +width: 307px;
  124 +margin: 0 0 -20000px 0;
  125 +padding: 20px 20px 20000px 20px;
  126 +background: #f5f5f5;
  127 +border-left: 1px solid #e3e3e3;
  128 +border-right: 1px solid #e3e3e3;
  129 +}
99 130  
  131 +.label2 {
  132 +width: 95% !important;
  133 +height: 50px;
  134 +margin: 0;
  135 +padding: 10px;
  136 +color: #555;
  137 +font-size: 15px;
  138 +background: #f9f9f9;
  139 +border: 1px solid #dfdfdf;
  140 +}
100 141  
101 142  
102 143  
... ...
app/views/devise/registrations/new.html.erb
  Diff comments   View file @976c716
1   -<div class="page-header">
  1 +<div>
2 2 <h1>Sign Up</h1>
3 3 </div>
4 4  
5 5 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name),:html => { :class => "form-inline" }) do |f| %>
6 6 <%= devise_error_messages! %>
  7 + <div class="form-table">
  8 + <div class="field">
  9 + <div class="user-details"><%= f.label :name, class: 'control-label' %><br />
  10 + <%= f.text_field :name, :autofocus => true, class: 'label2' %></div>
  11 + <div class="help">
  12 + <p>
  13 + Seu nome!
  14 + </p>
  15 + </div>
  16 + </div>
7 17  
8   - <div class="control-group">
9   - <%= f.label :name, class: 'control-label' %><br />
10   - <%= f.text_field :name, :autofocus => true, class: 'form-control' %>
11   - </div>
  18 + <div class="field">
  19 + <div class="user-details">
  20 + <%= f.label :email, class: 'control-label' %><br />
  21 + <%= f.email_field :email, class: 'label2' %>
  22 + </div>
  23 + <div class="help">
  24 + <p>
  25 + Seu nome!
  26 + </p>
  27 + </div>
  28 + </div>
12 29  
13   - <div class="control-group">
14   - <%= f.label :email, class: 'control-label' %><br />
15   - <%= f.email_field :email, class: 'form-control' %>
16   - </div>
  30 + <div class="field">
  31 + <div class="user-details">
  32 + <%= f.label :password, class: 'control-label' %><br />
  33 + <%= f.password_field :password, class: 'label2' %>
  34 + </div>
  35 + <div class="help">
  36 + <p>
  37 + Seu nome!
  38 + </p>
  39 + </div>
  40 + </div>
17 41  
18   - <div class="control-group">
19   - <%= f.label :password, class: 'control-label' %><br />
20   - <%= f.password_field :password, class: 'form-control' %>
  42 + <div class="field">
  43 + <div class="user-details">
  44 + <%= f.label :password_confirmation, class: 'control-label' %><br />
  45 + <%= f.password_field :password_confirmation, class: 'label2' %>
  46 + </div>
  47 + <div class="help">
  48 + <p>
  49 + Seu nome!
  50 + </p>
  51 + </div>
  52 + </div>
  53 +
21 54 </div>
22 55  
23   - <div class="control-group">
24   - <%= f.label :password_confirmation, class: 'control-label' %><br />
25   - <%= f.password_field :password_confirmation, class: 'form-control' %>
  56 + <div class="form-group">
  57 + <div class="col-sm-offset-2 col-sm-10">
  58 + <%= f.submit "Sign Up", class: 'btn btn-primary span2' %>
26 59 </div>
27   -
28   - <div class="control-group">
29   - <%= f.submit "Sign Up", class: 'btn btn-primary' %>
30 60 </div>
  61 +
31 62 <% end %>
... ...