Folder 1.07 flex box gére l'affichage

folder/changes.md

@@ -1,5 +1,6 @@
 1.07
 - Supprime les couleurs des liens et des liens visités
+- Flexbox gère la présentation, les largeurs fixes sont supprimées
 1.06
 - Supprime le placeholder du titre
 1.05

folder/enum.json

@@ -1 +1 @@
-{"name":"folder","realName":"Partage de ressources","version":"1.06","update":"0.0","delete":true,"dataDirectory":""}
+{"name":"folder","realName":"Partage de ressources","version":"1.07","update":"0.0","delete":true,"dataDirectory":""}

folder/folder.php

@@ -58,7 +58,6 @@ class folder extends common
 
 		// Générer l'affichage
 		self::$folders = $this->getFolderContent($this->getData(['module', $this->getUrl(0), 'path']),  $this->getData(['module', $this->getUrl(0)]));
-
 		// Valeurs en sortie
 		$this->addOutput([
 			'showBarEditButton' => true,

folder/view/index/index.css

@@ -54,26 +54,22 @@ ul.sub-items {
 
 .fileContainer {
   display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 5px 0; /* Espacement entre chaque élément */
 }
 
 .file-info-container {
-  float: right;
-  align-content: left;
-  /* Ajout d'une largeur fixe à la div */
-  width: 250px;
-  margin-left: auto;
+  margin-left: 10px; /* Ajout d'espace entre le nom du fichier et ses détails */
+  text-align: right;
 }
 
 .file-name {
-  float: left;
-  max-width: 250px;
-  /* Largeur maximale du nom de fichier */
+  /* Les règles existantes pour le nom du fichier */
+  max-width: 100%; /* Permet à l'élément de s'étendre jusqu'à ce que flex le limite */
   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é */
 }
 
 /**