beenull/simple-login
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

change collapse button display "more" -> "less"

Browse source
This commit is contained in:
Son 2022-01-11 12:25:49 +01:00
parent c0067b7657
commit 2f6229cd54
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
templates/dashboard/index.html
View file

@ -16,6 +16,16 @@
em {
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>
{% endblock %}
@ -385,9 +395,15 @@
</div>
{% if not current_user.expand_alias_info %}
<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">
More <i class="fe fe-chevron-down"></i>
<span class="if-collapsed">
More <i class="fe fe-chevron-down"></i>
</span>
<span class="if-not-collapsed">Less
<i class="fe fe-chevron-up"></i>
</span>
</a>
</div>
{% endif %}