make login seem faster.
This commit is contained in:
parent
fe0f16812f
commit
abfd9c355c
2 changed files with 21 additions and 7 deletions
|
|
@ -5,10 +5,24 @@
|
||||||
= content_for :head do
|
= content_for :head do
|
||||||
:css
|
:css
|
||||||
header{ display:none; }
|
header{ display:none; }
|
||||||
|
footer{ position: absolute; bottom: 12px; }
|
||||||
|
|
||||||
|
:javascript
|
||||||
|
$(document).ready( function(){
|
||||||
|
$("form").submit(function(){
|
||||||
|
$(this).fadeOut(200, function(){
|
||||||
|
$('#logo').animate({
|
||||||
|
'margin-top': '+=80'
|
||||||
|
}, 250, function(){
|
||||||
|
$("#spinner").fadeIn(300);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
.container{:style => 'text-align:center;'}
|
.container{:style => 'text-align:center;'}
|
||||||
#login
|
#login
|
||||||
= image_tag('logo_caps.png')
|
= image_tag('logo_caps.png', :id => 'logo');
|
||||||
%br
|
%br
|
||||||
%br
|
%br
|
||||||
= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f|
|
= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f|
|
||||||
|
|
@ -37,8 +51,6 @@
|
||||||
= link_to t('devise.shared.links.sign_up'), new_registration_path(resource_name)
|
= link_to t('devise.shared.links.sign_up'), new_registration_path(resource_name)
|
||||||
- else
|
- else
|
||||||
\.
|
\.
|
||||||
%br
|
|
||||||
%p.shared_links
|
= image_tag 'ajax-loader.gif', :id => "spinner", :class => "hidden"
|
||||||
/= render :partial => "devise/shared/links"
|
|
||||||
/- if !AppConfig[:registrations_closed] && devise_mapping.registerable? && controller_name != 'registrations'
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2268,8 +2268,8 @@ ul.show_comments
|
||||||
input[type='text'],
|
input[type='text'],
|
||||||
input[type='password']
|
input[type='password']
|
||||||
:-webkit-box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
:-webkit-box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
||||||
:-moz-box-shadow 0 1 0px #fff
|
:-moz-box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
||||||
:box-shadow 0 0 4px #fff
|
:box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
||||||
:width 180px
|
:width 180px
|
||||||
:max-width 180px
|
:max-width 180px
|
||||||
|
|
||||||
|
|
@ -2302,3 +2302,5 @@ ul.show_comments
|
||||||
&:hover
|
&:hover
|
||||||
:color #444
|
:color #444
|
||||||
|
|
||||||
|
#logo
|
||||||
|
:position relative
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue