1.05 icones controls align

module/folder/changes.md

@@ -1,3 +1,5 @@
+1.05
+- Méthode d'alignement des icônes de contrôle dans la feuille de style
 1.04
 = Option pour masquer ou afficher les boutons de contrôle
 1.03

module/folder/folder.php

@@ -17,7 +17,7 @@
 class folder extends common
 {
 
-	const VERSION = '1.04';
+	const VERSION = '1.05';
 	const REALNAME = 'Partage de ressources';
 	const DATADIRECTORY = ''; // Contenu localisé inclus par défaut (page.json et module.json)
 

module/folder/view/index/index.css

@@ -1,12 +1,9 @@
-
-
 @import url('module/folder/view/index/file-icon-classic.css');
 @import url('module/folder/view/index/file-icon-high-contrast.css');
 @import url('module/folder/view/index/file-icon-square-o.css');
-@import url('module/folder/view/index/file-icon-vivid.css');*/
+@import url('module/folder/view/index/file-icon-vivid.css');
 
-
+*/ #dirindex article {
-#dirindex article {
   display: block;
   margin: 0 auto;
   /*width: 600px;*/
@@ -40,7 +37,7 @@
   margin-top: 10px;
 }
 
-#dirindex li  {
+#dirindex li {
   padding-left: 25px;
 }
 
@@ -69,10 +66,14 @@ ul.sub-items {
 
 .file-name {
   float: left;
-  max-width: 250px; /* Largeur maximale du nom de fichier */
+  max-width: 250px;
-  white-space: nowrap; /* Empêcher le débordement du texte à la ligne suivante */
+  /* Largeur maximale du nom de fichier */
-  overflow: hidden; /* Cacher tout texte qui dépasse */
+  white-space: nowrap;
-  text-overflow: ellipsis; /* Ajouter des points de suspension (...) pour indiquer que le texte a été tronqué */
+  /* 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é */
 }
 
 /**
@@ -101,33 +102,25 @@ ul.sub-items {
 * Barre d'icônes 
 */
 
-/* Alignement à droite des éléments "Déplier" et "Replier" */
-.titleicons {
-  text-align: right;
-}
-
 /* Style des icônes pour "Déplier" et "Replier" */
 .titleicons span {
   cursor: pointer;
 }
 
-.titlecontainer {
+.titlecontainer>.titletag,
-  display: flex; /* Utilisation de Flexbox pour aligner les éléments sur la même ligne */
+.titlecontainer>.titleicons {
-  justify-content: space-between; /* Pour séparer les éléments à l'extrémité de la ligne */
+  display: inline-block;
-  align-items: center; /* Pour aligner verticalement les éléments */
 }
 
-.titletag, .titleicons {
-
-  display: flex; /* Pour aligner le contenu horizontalement */
-  align-items: center; /* Pour aligner verticalement le contenu */
-}
 .titletag {
-  flex:5; 
+  text-align: left;
 }
+
 .titleicons {
-  flex: 1;
+  /* Pour aligner les icônes à gauche dans le CSS de la page 
+  .titleicons {
+    float: unset;
+ }
+  */ 
+  float: right;
 }
-
-
-