Add fade-out and fade-in effects

This commit is contained in:
Jason McBrayer 2019-03-29 20:35:53 -04:00
parent 393dad26bf
commit c952e0195c

View File

@ -72,6 +72,8 @@
</head>
<body ic-enhance="true" ic-target="body"
ic-on-beforeSend="$(main).fadeTo(250, 0.4)"
ic-on-success="$(main).fadeTo(250,1)"
ic-global-indicator="#page-load-indicator"
ic-global-include='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'>
<div id="page-load-indicator"></div>
@ -106,6 +108,7 @@
<span ic-src="{% url 'notes_count' %}"
ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this"
ic-push-url="false"
ic-select-from-response="#notes-count">
<span
{% if notifications and notifications != '0' %}
@ -117,7 +120,7 @@
{% elif notifications and preferences.notifications %}
<span ic-src="{% url 'notes_count' %}"
ic-poll="{{ preferences.poll_frequency }}s"
ic-target="this" ic_push_url="false"
ic-target="this" ic-push-url="false"
ic-select-from-response="#notes-count">
<span >Notifications ({{ notifications }})</span>
</span>
@ -134,17 +137,17 @@
<span >Federated</span>
</a>
<a class="navbar-item" href="{% url "toot" %}"
ic-enhance="false"
ic-get-from="{% url "toot" %}"
ic-target="#new-toot-modal"
ic-enhance="false"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-edit"> </span>
<span >New Toot</span>
</a>
<a class="navbar-item" href="{% url "search" %}"
ic-enhance="false"
ic-get-from="{% url "search" %}"
ic-target="#new-toot-modal"
ic-enhance="false"
ic-on-complete="$('#new-toot-modal').toggleClass('is-active');">
<span class="fa fa-search"> </span>
<span >Search</span>