Folder 1.07 flex box gére l'affichage

This commit is contained in:
Fred Tempez 2024-08-24 18:28:39 +02:00
parent 341d8ca7ac
commit 90bc24a09a
4 changed files with 9 additions and 13 deletions

View File

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

View File

@ -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":""}

View File

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

View File

@ -54,26 +54,22 @@ ul.sub-items {
.fileContainer { .fileContainer {
display: flex; display: flex;
justify-content: space-between;
align-items: center;
padding: 5px 0; /* Espacement entre chaque élément */
} }
.file-info-container { .file-info-container {
float: right; margin-left: 10px; /* Ajout d'espace entre le nom du fichier et ses détails */
align-content: left; text-align: right;
/* Ajout d'une largeur fixe à la div */
width: 250px;
margin-left: auto;
} }
.file-name { .file-name {
float: left; /* Les règles existantes pour le nom du fichier */
max-width: 250px; max-width: 100%; /* Permet à l'élément de s'étendre jusqu'à ce que flex le limite */
/* Largeur maximale du nom de fichier */
white-space: nowrap; white-space: nowrap;
/* Empêcher le débordement du texte à la ligne suivante */
overflow: hidden; overflow: hidden;
/* Cacher tout texte qui dépasse */
text-overflow: ellipsis; text-overflow: ellipsis;
/* Ajouter des points de suspension (...) pour indiquer que le texte a été tronqué */
} }
/** /**