Skip to content

Compteur de programmes selectionnes visible pendant le scroll (sticky badge) #9

Description

@RajPorus19

Probleme

Dans l'etape 2, le seul indicateur du nombre de programmes selectionnes est le bouton en haut : « Generate script for 47 programs → ». Si l'utilisateur scrolle, ce bouton disparait.

Solution proposee

Un badge flottant sticky en bas a droite qui suit le scroll :

+------------------+
|  📦 47 selected  |
+------------------+
  • Apparait des qu'au moins 1 programme est selectionne
  • Se met a jour en temps reel
  • Cliquable → ramene au bouton "Generate script" (scroll smooth vers le haut)

Implementation

CSS position: fixed; bottom: 1rem; right: 1rem, mis a jour dans toggleProgram(). Animation subtile au changement de compteur (scale bounce). Petit detail UX qui fait une grosse difference a 50+ programmes.

Fichiers concernes : single.html (CSS + HTML), program-browser-js.html (update dans toggleProgram).

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions