Anomalie visuelle sur les Accordéons (collapse) - Suite

[FlorentGN (Florent GAUDIN)]

Request description

Bonjour,

Je crée ce nouveau topic suite à la clôture du topic suivant Anomalie visuelle sur les Accordéons (collapse).

J’ai bien la modification concernant l’orientation des chevrons par contre quand je quitte le formulaire et que je reviens l’orientation n’est plus bonne.

Steps to reproduce

Avec le module de démo :

1. J’ouvre le formulaire d’un produit, le chevron de la zone d’attributs “Détails” est bien vers le bas :

2. Je clique sur la zone d’attributs, le chevron est bien vers le haut :

3. Je clique sur “Simplicité” en haut à droite pour retourner sur la page d’accueil puis je rouvre le formulaire d’un produit, le chevron est bien vers le haut car la zone est ouverte mais si je clique sur la zone pour la refermer le chevron reste vers le haut :

Technical information

Instance /health

[Platform]
Status=OK
Version=6.0.19
BuiltOn=2024-08-30 11:46
Git=6.0/5dbb5e54a7b14b08fa6bdc760f4e62b2e2d65bd0
Encoding=UTF-8
EndpointIP=
EndpointURL=
TimeZone=UTC
SystemDate=2024-09-03 12:47:15

[Application]
ApplicationVersion=1.0.0
ContextPath=
ContextURL=
ActiveSessions=1
TotalUsers=9
EnabledUsers=7
LastLoginDate=2024-09-03 12:46:08

[Server]
ServerInfo=Apache Tomcat/9.0.93
ServerType=WEB
ServerActiveSessions=1
ServerSessionTimeout=30
CronStarted=true

[OS]
Name=Linux
Architecture=amd64
Version=5.15.0-119-generic
DockerImageName=almalinux9
SystemEncoding=UTF-8

[JavaVM]
Version=21.0.4
Vendor=Eclipse Adoptium
VMName=OpenJDK 64-Bit Server VM
VMVersion=21.0.4+7-LTS
ScriptEngine=rhino
ScriptEngineVersion=Rhino 1.7.13 2020 09 02
HeapFree=258424
HeapSize=434176
HeapMaxSize=2033664
TotalFreeSize=1857912

[Cache]
ObjectCache=338
ObjectCacheMax=10000
ObjectCacheRatio=3
ProcessCache=8
ProcessCacheMax=10000
ProcessCacheRatio=0
APIGrantCache=0
APIGrantCacheMax=1000
APIGrantRatio=0

[Database]
Vendor=3
VendorName=postgresql
ProductName=PostgreSQL
ProductVersion=13.16 (Debian 13.16-1.pgdg120+1)
DriverName=PostgreSQL JDBC Driver
DriverVersion=42.7.4
DBDate=2024-09-03 12:47:15
DBDateOffset=0
DBPatchLevel=6;P00;eaca43812a8b64651734bce0e6c0e149;19
UsingBLOBs=true

[Healthcheck]
Date=2024-09-03 12:47:16
ElapsedTime=242

[Francois (François Genestin)]

Bonjour,

Effectivement le bouton s’emmêle les pinceaux, le collapse s’applique à tord entre 2 éléments : le card-body et le card-footer de la card. La doc Bootstrap 5 n’est pas très explicite sur ce point.

On va corriger pour ne pas insérer de card-footer vide et sinon le grouper avec le card-body pour qu’il n’y ait qu’une seule <div class="collapse"> visible (ou pas) pour déterminer le statut unique du bouton.

A livrer en 6.0.20+