Style WIP

This commit is contained in:
Fred Tempez 2024-03-23 16:51:12 +01:00
parent 83cc0c82a6
commit 32f79a4c42
2 changed files with 24 additions and 10 deletions

View File

@ -160,16 +160,18 @@ class folder extends common
foreach ($files as $file) {
$fileFullPath = $chemin . '/' . $file;
$fileInfo = '';
$fileExtension = pathinfo($fileFullPath, PATHINFO_EXTENSION); // Obtenir l'extension du fichier
$fileExtensionClass = strtolower($fileExtension); // Convertir l'extension en minuscules pour une classe CSS
if ($showDetails) {
$fileSize = filesize($fileFullPath);
$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'><div class='file-name'>$file</div>$fileInfo</li>";
$items .= '<li class="file ' . $fileExtensionClass .'"><div class="file-name">' . $file . '</div>' . $fileInfo . '</li>';
}
// Fermer la liste
$items .= "</ul>";
$items .= '</ul>';
return $items;
}
@ -178,6 +180,7 @@ class folder extends common
return '';
}

View File

@ -27,14 +27,10 @@
list-style: none;
}
#dirindex .directory {
#dirindex li.directory {
list-style-type: "\1F4C1";
}
#dirindex .file {
list-style-type: "\1F4C4";
}
#dirindex ul li {
margin-top: 10px;
}
@ -50,9 +46,9 @@
}
/* Style pour les sous-éléments des dossiers */
.sub-items {
ul.sub-items {
list-style-type: none;
margin-left: -40px;
margin-left: -50px;
}
@ -69,4 +65,19 @@
white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
overflow: hidden; /* Cacher tout texte qui dépasse */
text-overflow: ellipsis; /* Ajouter des points de suspension (...) pour indiquer que le texte a été tronqué */
}
/**
* Images des icônes
*/
/** les dossiers */
#dirindex li.directory {
list-style-type: "\1F4C1";
}
/** fichiers par défaut (mime non trouvé) */
#dirindex li:not(.directory) {
list-style-type: "\1F4C4";
}