consul/grecia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improves styles for simple captcha

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2015-08-15 01:05:00 +02:00
parent feb85c2aea
commit f98510cea7
2 changed files with 8 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/views/debates/_form.html.erb
View File

@@ -14,7 +14,7 @@
<div class="small-12 column"> <div class="small-12 column">
<%= f.label :title, t("debates.form.debate_title") %> <%= f.label :title, t("debates.form.debate_title") %>
<span class="note"><%= t("debates.form.title_instructions") %></span> <span class="note"><%= t("debates.form.title_instructions") %></span>
<%= f.text_field :title, maxlength: Debate::TITLE_LENGTH %> <%= f.text_field :title, maxlength: Debate::TITLE_LENGTH, placeholder: t("debates.form.debate_title") %>
</div> </div>
<div class="ckeditor small-12 column"> <div class="ckeditor small-12 column">
@@ -40,7 +40,7 @@
<%= f.simple_captcha %> <%= f.simple_captcha %>
</div> </div>
<div class="actions small-12 column" style="padding-top:20px"> <div class="actions small-12 column">
<%= f.submit(class: "button radius") %> <%= f.submit(class: "button radius") %>
</div> </div>
</div> </div>

41
app/views/simple_captcha/_simple_captcha.erb
View File

@@ -1,41 +1,8 @@
<style type="text/css"> <div class="captcha">
.simple_captcha{border: 1px solid #ccc; padding: 5px !important;}
.simple_captcha,
.simple_captcha div{display: table;}
.simple_captcha .simple_captcha_field,
.simple_captcha .simple_captcha_image{
border: 1px solid #ccc;
margin: 0px 0px 2px 0px !important;
padding: 0px !important;
}
.simple_captcha .simple_captcha_image img{
margin: 0px !important;
padding: 0px !important;
width: 110px !important;
}
.simple_captcha .simple_captcha_label{font-size: 12px;}
.simple_captcha .simple_captcha_field input{
width: 150px !important;
font-size: 16px;
border: none;
background-color: #efefef;
}
</style>
<div class='simple_captcha'>
<div class='simple_captcha_image'>
<%= simple_captcha_options[:image] %> <%= simple_captcha_options[:image] %>
</div> <%= simple_captcha_options[:refresh_button] %>
<span class="note"><%= simple_captcha_options[:label] %></span>
<div class='simple_captcha_field'>
<%= simple_captcha_options[:field] %> <%= simple_captcha_options[:field] %>
</div> </div>
<div class='simple_captcha_label'>
<%= simple_captcha_options[:label] %>
</div>
<div class='simple_captcha_refresh_button'>
<%= simple_captcha_options[:refresh_button] %>
</div>
</div>