diff options
| author | Aurélien Bompard <aurelien@bompard.org> | 2013-04-22 17:16:30 +0200 |
|---|---|---|
| committer | Aurélien Bompard <aurelien@bompard.org> | 2013-04-22 17:16:30 +0200 |
| commit | 3f3a020c1fd2fcfdda3a9514e1ef7375ccccc71f (patch) | |
| tree | af9a4bb83614beda98532683f7e49194938382a3 /hyperkitty | |
| parent | 1683a803ca85f8ff0e1c5cae05020dfac2f842f5 (diff) | |
| download | hyperkitty-3f3a020c1fd2fcfdda3a9514e1ef7375ccccc71f.tar.gz hyperkitty-3f3a020c1fd2fcfdda3a9514e1ef7375ccccc71f.tar.xz hyperkitty-3f3a020c1fd2fcfdda3a9514e1ef7375ccccc71f.zip | |
Give a better visual clue when BrowserID is loading
Diffstat (limited to 'hyperkitty')
| -rw-r--r-- | hyperkitty/static/css/hyperkitty-user.css | 3 | ||||
| -rw-r--r-- | hyperkitty/templates/login.html | 3 |
2 files changed, 5 insertions, 1 deletions
diff --git a/hyperkitty/static/css/hyperkitty-user.css b/hyperkitty/static/css/hyperkitty-user.css index 69b50d5..9586d8e 100644 --- a/hyperkitty/static/css/hyperkitty-user.css +++ b/hyperkitty/static/css/hyperkitty-user.css @@ -20,6 +20,9 @@ #login .social-login li { margin: 0 20px; } +a#browserid.disabled { + cursor: wait; +} diff --git a/hyperkitty/templates/login.html b/hyperkitty/templates/login.html index 41f72e4..3eeee8c 100644 --- a/hyperkitty/templates/login.html +++ b/hyperkitty/templates/login.html @@ -19,7 +19,7 @@ <form method="post" action="{% url 'socialauth_complete' "browserid" %}?next={{ next }}"> {% csrf_token %} <input type="hidden" name="assertion" value="" /> - <a rel="nofollow" id="browserid" href="#"><img src="{{ STATIC_URL }}img/login/persona-large-disabled.png" alt="Login using Persona" /></a> + <a rel="nofollow" id="browserid" href="#" class="disabled"><img src="{{ STATIC_URL }}img/login/persona-large-disabled.png" alt="Login using Persona" /></a> </form> </li> <li><a title="Google" class="socialaccount_provider google" href="{% url 'socialauth_begin' backend='google' %}"><img src="{{ STATIC_URL }}img/login/google.png" alt="Google"></a></li> @@ -67,6 +67,7 @@ }).each(function() { var img = $(this).find("img"); img.attr("src", img.attr("src").replace(/-disabled/, "")); + $(this).removeClass("disabled"); }); }); </script> |