simple-login/app
1
1
Fork 0
mirror of https://github.com/simple-login/app.git synced 2025-02-24 07:43:54 +08:00
Code Issues Projects Releases Packages 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 { 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">
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> </a>
</div> </div>
{% endif %} {% endif %}