Show loading indicator
This commit is contained in:
parent
e3476f5298
commit
990a88a340
|
@ -51,6 +51,16 @@
|
|||
.slider-output {
|
||||
width: 4rem !important;
|
||||
}
|
||||
.htmx-indicator{
|
||||
opacity:0;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.htmx-request .htmx-indicator{
|
||||
opacity:1
|
||||
}
|
||||
.htmx-request.htmx-indicator{
|
||||
opacity:1
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
@ -6,7 +6,8 @@
|
|||
<form method="POST" hx-post="{% url 'search_drilldown' %}"
|
||||
hx-trigger="change"
|
||||
hx-target="#results"
|
||||
hx-swap="innerHTML">
|
||||
hx-swap="innerHTML"
|
||||
hx-indicator="#spinner">
|
||||
{% csrf_token %}
|
||||
|
||||
<div class="columns">
|
||||
|
@ -42,6 +43,7 @@
|
|||
class="button is-light has-text-link is-right">
|
||||
Options
|
||||
</div>
|
||||
<span id="spinner" class="button is-light has-text-link is-loading htmx-indicator">Static</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue