Alignements flex
This commit is contained in:
parent
366f606707
commit
7b6c15531e
|
@ -167,7 +167,7 @@ class folder extends common
|
||||||
$fileSizeFormatted = $this->formatSizeUnits($fileSize);
|
$fileSizeFormatted = $this->formatSizeUnits($fileSize);
|
||||||
$fileInfo = '<div class="file-info-container">' . date('d-m-Y H:i', filemtime($fileFullPath)) . ' - ' . $fileSizeFormatted . '</div>';
|
$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
|
// Fermer la liste
|
||||||
|
|
|
@ -47,16 +47,20 @@ ul.sub-items {
|
||||||
margin-left: -50px;
|
margin-left: -50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fileContainer {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
.file-info-container {
|
.file-info-container {
|
||||||
display: flex;
|
|
||||||
float: right;
|
float: right;
|
||||||
align-content: left;
|
align-content: left;
|
||||||
/* Ajout d'une largeur fixe à la div */
|
/* Ajout d'une largeur fixe à la div */
|
||||||
width: 200px;
|
width: 200px;
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-name {
|
.file-name {
|
||||||
|
float: left;
|
||||||
max-width: 400px; /* Largeur maximale du nom de fichier */
|
max-width: 400px; /* Largeur maximale du nom de fichier */
|
||||||
white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
|
white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
|
||||||
overflow: hidden; /* Cacher tout texte qui dépasse */
|
overflow: hidden; /* Cacher tout texte qui dépasse */
|
||||||
|
|
Loading…
Reference in New Issue