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,10 +93,51 @@ textarea {
93 Author's custom styles 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 <h1>Sign Up</h1> 2 <h1>Sign Up</h1>
3 </div> 3 </div>
4 4
5 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name),:html => { :class => "form-inline" }) do |f| %> 5 <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name),:html => { :class => "form-inline" }) do |f| %>
6 <%= devise_error_messages! %> 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 </div> 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 </div> 59 </div>
27 -  
28 - <div class="control-group">  
29 - <%= f.submit "Sign Up", class: 'btn btn-primary' %>  
30 </div> 60 </div>
  61 +
31 <% end %> 62 <% end %>