Alignements flex
This commit is contained in:
parent
366f606707
commit
7b6c15531e
|
@ -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
|
||||
|
|
|
@ -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 */
|
||||
|
|
Loading…
Reference in New Issue