change collapse button display "more" -> "less"
This commit is contained in:
parent
c0067b7657
commit
2f6229cd54
|
@ -16,6 +16,16 @@
|
||||||
em {
|
em {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
{#CSS to change collapse button display from https://stackoverflow.com/a/31967516/1428034#}
|
||||||
|
[data-toggle="collapse"].collapsed .if-not-collapsed {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
@ -385,9 +395,15 @@
|
||||||
</div>
|
</div>
|
||||||
{% if not current_user.expand_alias_info %}
|
{% if not current_user.expand_alias_info %}
|
||||||
<div class="col text-right">
|
<div class="col text-right">
|
||||||
<a class="btn btn-sm" data-toggle="collapse" href="#alias-{{ alias.id }}" role="button"
|
<a class="btn btn-sm collapsed" data-toggle="collapse" href="#alias-{{ alias.id }}" role="button"
|
||||||
aria-expanded="false">
|
aria-expanded="false">
|
||||||
|
|
||||||
|
<span class="if-collapsed">
|
||||||
More <i class="fe fe-chevron-down"></i>
|
More <i class="fe fe-chevron-down"></i>
|
||||||
|
</span>
|
||||||
|
<span class="if-not-collapsed">Less
|
||||||
|
<i class="fe fe-chevron-up"></i>
|
||||||
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
Loading…
Reference in a new issue