From 90bc24a09af6726a7fa0e52dd9851a542e5424ce Mon Sep 17 00:00:00 2001
From: Fred Tempez <frederic.tempez@outlook.com>
Date: Sat, 24 Aug 2024 18:28:39 +0200
Subject: [PATCH] =?UTF-8?q?Folder=201.07=20flex=20box=20g=C3=A9re=20l'affi?=
 =?UTF-8?q?chage?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 folder/changes.md           |  1 +
 folder/enum.json            |  2 +-
 folder/folder.php           |  1 -
 folder/view/index/index.css | 18 +++++++-----------
 4 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/folder/changes.md b/folder/changes.md
index 4470f9b..49f7706 100644
--- a/folder/changes.md
+++ b/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
diff --git a/folder/enum.json b/folder/enum.json
index 5eee29a..af90592 100644
--- a/folder/enum.json
+++ b/folder/enum.json
@@ -1 +1 @@
-{"name":"folder","realName":"Partage de ressources","version":"1.06","update":"0.0","delete":true,"dataDirectory":""}
\ No newline at end of file
+{"name":"folder","realName":"Partage de ressources","version":"1.07","update":"0.0","delete":true,"dataDirectory":""}
\ No newline at end of file
diff --git a/folder/folder.php b/folder/folder.php
index e6b8fd9..0cdc0df 100644
--- a/folder/folder.php
+++ b/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,
diff --git a/folder/view/index/index.css b/folder/view/index/index.css
index 6a6eea5..707e4a0 100644
--- a/folder/view/index/index.css
+++ b/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é */
 }
 
 /**