Profile pictures: CSS fixed

Now broken: tables and `/partition/{uuid}/details` CSS
(css is really scaring me)
This commit is contained in:
augustin64 2023-09-22 15:22:16 +02:00
parent 48f1d7f675
commit 37ce178b21
4 changed files with 7 additions and 5 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,15 +266,17 @@ 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> <td style="position:relative">
<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 }};" <div class="user-profile-picture" style="background-color:{{ user.color }}; position:inherit;"
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> <td style="position:absolute">
{% 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>