klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith3.git synced 2024-06-01 04:19:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Replaced username to its user profile image

Browse Source
This commit is contained in:
Julien Constant 2023-03-14 13:40:11 +01:00
parent 1a9d495ca7
commit fd24a7c6a7
2 changed files with 32 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
core/static/core/navbar.scss
View File

@ -181,46 +181,43 @@
> .user {
display: flex;
flex-direction: column;
gap: 5px;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 15px;
@media (max-width: 400px) {
@media (max-width: 1200px) {
width: 100%;
flex-direction: row-reverse;
}
> .options,
> .name {
> a {
color: white;
&:hover {
color: #1a78b3;
}
}
}
> .name {
color: white;
max-width: 250px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
@media (max-width: 400px) {
max-width: 100%;
}
&:hover {
color: #1a78b3;
}
> a > img {
width: 40px;
height: 40px;
border-radius: 50%;
}
> .options {
width: 100%;
display: flex;
gap: 20px;
justify-content: flex-end;
flex-direction: column;
gap: 5px;
@media (max-width: 1200px) {
justify-content: flex-start;
flex-direction: row;
gap: 15px;
}
> a {
text-align: right;
color: white;
&:hover {
color: #1a78b3;
}
&:last-child {
color: #eb2f06;
@ -229,10 +226,6 @@
}
}
}
@media (max-width: 1200px) {
justify-content: flex-start;
}
}
}

8
core/templates/core/base.jinja
View File

@ -87,11 +87,17 @@
</div>
<div class="right">
<div class="user">
<a class="name" href="{{ url('core:user_profile', user_id=user.id) }}">{{ user.get_display_name() }}</a>
<div class="options">
<a href="{{ url('core:user_tools') }}">{% trans %}Tools{% endtrans %}</a>
<a href="{{ url('core:logout') }}">{% trans %}Logout{% endtrans %}</a>
</div>
<a href="{{ url('core:user_profile', user_id=user.id) }}">
{% if user.profile_pict %}
<img src="{{ user.profile_pict.get_download_url() }}" alt="{% trans %}Profile{% endtrans %}" title="{% trans %}Profile{% endtrans %}" />
{% else %}
<img src="{{ static('core/img/unknown.jpg') }}" alt="{% trans %}Profile{% endtrans %}" title="{% trans %}Profile{% endtrans %}" />
{% endif %}
</a>
</div>
<div class="notification">
<a href="#" onclick="display_notif()">