From 5846c111fe764b1eb0f2cf654e23b4d3ad7e6aba Mon Sep 17 00:00:00 2001
From: F TEMPEZ <frederic.tempez@outlook.com>
Date: Thu, 14 Mar 2024 15:46:31 +0100
Subject: [PATCH] CSS okay

---
 module/folder/folder.php           |  6 +--
 module/folder/view/index/index.css | 69 ++++++++++++++++--------------
 2 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/module/folder/folder.php b/module/folder/folder.php
index 38874056..f79022bf 100644
--- a/module/folder/folder.php
+++ b/module/folder/folder.php
@@ -81,7 +81,7 @@ private function getFolderContent($chemin)
     if (is_dir($chemin)) {
         // Ouvrir le dossier
         if ($dh = opendir($chemin)) {
-            $items = isset($items) ? $items . '<ul class="folder">' : '<ul class ="folder">';
+            $items = isset($items) ? $items : '<ul>';
             // Parcourir les éléments du dossier
             while (($element = readdir($dh)) !== false) {
                 // Exclure les éléments spéciaux
@@ -92,10 +92,10 @@ private function getFolderContent($chemin)
                     // Vérifier si c'est un dossier
                     if (is_dir($cheminComplet)) {
                         // Afficher le nom du dossier avec un élément details
-                        $items .= "<li class='directory'>$element<ul>";
+                        $items .= "<li class='directory'>$element";
                         // Appeler récursivement la fonction pour ce sous-dossier
                         $items .= $this->getFolderContent($cheminComplet);
-                        $items .= '</ul></li>';
+                        $items .= '</li>';
                     } else {
                         // Afficher le nom du fichier comme un lien
                         $items .= "<li class='file'><a href='$cheminComplet' target='_blank'>$element</a></li>";
diff --git a/module/folder/view/index/index.css b/module/folder/view/index/index.css
index cd23dace..ac52c9db 100644
--- a/module/folder/view/index/index.css
+++ b/module/folder/view/index/index.css
@@ -1,40 +1,45 @@
+#dirindex article {
+  display: block;
+  margin: 0 auto;
+  width: 480px;
+}
 
-  #dirindex article{
-    display: block;
-    margin: 0 auto;
-    width: 480px;
-  }
+#dirindex a {
+  color: #004466;
+  text-decoration: none;
+}
 
-  #dirindex a {
-    color: #004466;
-    text-decoration: none;
-  }
-  #dirindex a:hover {
-    text-decoration: underline;
-  }
-  #dirindex a:visited {
-    color: #666666;
-  }
+#dirindex a:hover {
+  text-decoration: underline;
+}
 
-  #dirindex details summary,  #dirindex  details summary::-webkit-details-marker {
-    list-style: none;
-    cursor: pointer;
-  }
+#dirindex a:visited {
+  color: #666666;
+}
 
-  #dirindex  {
-    list-style: none;
-  }
-  
-  #dirindex .directory  {
-    list-style-type: "\1F4C1";
-  }
+#dirindex details summary,
+#dirindex details summary::-webkit-details-marker {
+  list-style: none;
+  cursor: pointer;
+}
 
-  #dirindex .file  {
-    list-style-type: "\1F4C4";
-  }
+#dirindex {
+  list-style: none;
+}
 
-  #dirindex ul li {
-    margin-top: 5px;
-  }
+#dirindex .directory {
+  list-style-type: "\1F4C1";
+}
 
+#dirindex .file {
+  list-style-type: "\1F4C4";
+}
 
+#dirindex ul li {
+  margin-top: 10px;
+}
+
+#dirindex li  {
+  padding-left: 5px;
+  list-style-position : outside;
+}
\ No newline at end of file