Revert "Profile pictures: CSS fixed"

This reverts commit 37ce178b21.
This commit is contained in:
augustin64 2023-10-01 14:47:49 +02:00
parent 37ce178b21
commit 2c16625162
4 changed files with 5 additions and 7 deletions

View File

@ -143,12 +143,12 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
} }
#content { #content {
margin-bottom: 50px; margin-bottom: 50px;
flex: 1; flex: 1;
overflow: hidden;
} }
#footer { #footer {
@ -266,17 +266,15 @@ section#users {
.user-profile-picture { .user-profile-picture {
color: var(--color-mantle); color: var(--color-mantle);
position: absolute;
left: 0;
} }
.user-profile { .user-profile {
display: inline-flex; display: inline-flex;
margin-left: 30px;
} }
.user-profile .user-profile-picture { .user-profile .user-profile-picture {
position: absolute; position: absolute;
left: 30px;
} }
.dropdown { .dropdown {

View File

@ -24,7 +24,7 @@
<tbody> <tbody>
{% for user in users %} {% for user in users %}
<tr> <tr>
<td style="position:relative"> <td>
<div class="user-profile"> <div class="user-profile">
<div class="user-profile-picture" style="background-color:{{ user.color }};" <div class="user-profile-picture" style="background-color:{{ user.color }};"
title="{{ user.username }}"> title="{{ user.username }}">

View File

@ -110,7 +110,7 @@
</button></a><br/> </button></a><br/>
{% endif %} {% endif %}
<div class="user"> <div class="user">
<div class="user-profile-picture" style="background-color:{{ user.color }}; position:inherit;" <div class="user-profile-picture" style="background-color:{{ user.color }};"
title="{{ user.username }}"> title="{{ user.username }}">
{{ user.username[0] | upper }} {{ user.username[0] | upper }}
</div> </div>

View File

@ -11,7 +11,7 @@
<td> <td>
Responsable de l'ajout Responsable de l'ajout
</td> </td>
<td style="position:absolute"> <td>
{% if user is not none %} {% if user is not none %}
<div class="user-profile"><!-- Completely messy html for this --> <div class="user-profile"><!-- Completely messy html for this -->
<div class="table-username">{{ user.username }}</div> <div class="table-username">{{ user.username }}</div>