From 63a9752093a85f1bc952ca1f61e56f6a9a42dea2 Mon Sep 17 00:00:00 2001
From: mb <mb_wali@hotmail.com>
Date: Thu, 9 Jul 2020 16:46:50 +0200
Subject: [PATCH] modified login with

used semantic_ui animated class to fade on hover.
---
 .../invenio_theme_tugraz/accounts/login.html  | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html
index 659a929..2ec63c6 100644
--- a/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html
+++ b/invenio_theme_tugraz/templates/invenio_theme_tugraz/accounts/login.html
@@ -18,16 +18,22 @@
         <h3 class="ui header">{{ _('Log in to account') }}</h3>
       {%- endblock form_header %}
 
-
       {%- if config.INVENIO_CONFIG_TUGRAZ_SHIBBOLETH %}
-      <div class="ui raised segment">
-        <img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="25px" align="left">
-              <a href="{{ url_for('sso_saml.sso', idp='idp') }}">
-                {% trans type='TU Graz' %} Log in with {{ type }}{% endtrans %}
-             </a>
-            </div>
-        <h3 align="center">— OR —</h3>
-        {%- endif %}
+      <div class="ui fluid animated fade button" tabindex="0">
+        <div class="visible content">
+          <a href="{{ url_for('sso_saml.sso', idp='idp') }}">
+            {% trans type='TU Graz' %} Log in with {{ type }}{% endtrans %}
+          </a>
+        </div>
+        <div class="hidden content">
+          <img src="{{ url_for('static', filename=config.INVENIO_THEME_TUGRAZ_ICON)}}" height="20px">
+        </div>
+      </div>
+      
+      <div class="ui horizontal divider">
+        Or
+      </div>
+      {%- endif %}
 
       {%- block form_outer %}
         {%- with form = login_user_form %}