klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-12 12:59:24 +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
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 { > .user {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
gap: 5px; align-items: center;
justify-content: center;
gap: 15px;
@media (max-width: 400px) { @media (max-width: 1200px) {
width: 100%; width: 100%;
flex-direction: row-reverse;
} }
> .options, > a > img {
> .name { width: 40px;
> a { height: 40px;
color: white; border-radius: 50%;
&: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;
}
} }
> .options { > .options {
width: 100%; width: 100%;
display: flex; display: flex;
gap: 20px;
justify-content: flex-end; justify-content: flex-end;
flex-direction: column;
gap: 5px;
@media (max-width: 1200px) {
justify-content: flex-start;
flex-direction: row;
gap: 15px;
}
> a { > a {
text-align: right;
color: white;
&:hover {
color: #1a78b3;
}
&:last-child { &:last-child {
color: #eb2f06; 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>
<div class="right"> <div class="right">
<div class="user"> <div class="user">
<a class="name" href="{{ url('core:user_profile', user_id=user.id) }}">{{ user.get_display_name() }}</a>
<div class="options"> <div class="options">
<a href="{{ url('core:user_tools') }}">{% trans %}Tools{% endtrans %}</a> <a href="{{ url('core:user_tools') }}">{% trans %}Tools{% endtrans %}</a>
<a href="{{ url('core:logout') }}">{% trans %}Logout{% endtrans %}</a> <a href="{{ url('core:logout') }}">{% trans %}Logout{% endtrans %}</a>
</div> </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>
<div class="notification"> <div class="notification">
<a href="#" onclick="display_notif()"> <a href="#" onclick="display_notif()">