templates: add icon/link for lingo basket (#86403)
gitea/publik-base-theme/pipeline/head This commit looks good Details

This commit is contained in:
Frédéric Péters 2024-02-01 08:39:39 +01:00
parent b9fdffbf42
commit 8083d4ab71
3 changed files with 25 additions and 1 deletions

View File

@ -0,0 +1,16 @@
.lingo--basket {
&::before {
font-family: FontAwesome;
content: "\f291"; // shopping-basket
}
&-items {
background: $nav-mobile-bottom-bar-badge-background;
color: $nav-mobile-bottom-bar-badge-color;
display: inline-block;
width: 1em;
border-radius: 100%;
font-size: 80%;
margin-left: -0.5em;
text-align: center;
}
}

View File

@ -18,5 +18,6 @@
@import 'library';
@import 'franceconnect-data';
@import 'authentic';
@import 'lingo';
/* End of core styles */

View File

@ -7,7 +7,14 @@
<li class="toplinks--list-item">
{% if account_url %}<a class="account-link" href="{{ account_url }}">{% endif %}
<span class="connected-user">{% block user-info-user-name %}{% include "includes/user-info-user-name.html" %}{% endblock %}</span>{% if account_url %}</a>{% endif %}
</li><li class="toplinks--list-item">
</li>
{% if lingo_basket_enabled %}
<li class="toplinks--list-item">
<a href="{{ lingo_url }}basket/"><span class="lingo--basket"><span class="sr-only">Panier</span><span class="lingo--basket-items"></span></span></a>
<script src="{{ lingo_url }}basket/status.js"></script>
</li>
{% endif %}
<li class="toplinks--list-item">
<a accesskey="o" class="logout" href="{{ logout_url }}">{% block user-info-logout-label %}{% include "includes/user-info-logout-label.html" %}{% endblock %}</a>
</li>
{% endblock %}