Alignements flex

This commit is contained in:
Fred Tempez 2024-03-24 21:35:14 +01:00
parent 366f606707
commit 7b6c15531e
2 changed files with 6 additions and 2 deletions

View File

@ -167,7 +167,7 @@ class folder extends common
$fileSizeFormatted = $this->formatSizeUnits($fileSize);
$fileInfo = '<div class="file-info-container">' . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
}
$items .= '<li class="file ' . $fileExtensionClass . ' small"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
$items .= '<li class="file ' . $fileExtensionClass . ' small"><div class="fileContainer"><div class="file-name">' . $file . '</div>' . $fileInfo . '</div></li>';
}
// Fermer la liste

View File

@ -47,16 +47,20 @@ ul.sub-items {
margin-left: -50px;
}
.fileContainer {
display: flex;
}
.file-info-container {
display: flex;
float: right;
align-content: left;
/* Ajout d'une largeur fixe à la div */
width: 200px;
margin-left: auto;
}
.file-name {
float: left;
max-width: 400px; /* Largeur maximale du nom de fichier */
white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
overflow: hidden; /* Cacher tout texte qui dépasse */