Rendre la barre cumulative identique, pliée ou dépliée
Elle s'épaississait en mode plié, au motif qu'elle y était seule sur sa ligne. Mais plier un couloir ne change rien à ce que cette barre représente : la voir changer d'aspect au pli laissait croire à deux objets différents. Elle garde donc partout la hauteur de sa version dépliée, plus mince qu'une barre de phase — puisqu'elle voisine avec elles dès que le projet est déplié, et qu'elle ne se glisse pas. `--hauteur-cumulative` remonte dans `:root` : la barre et le fantôme qui la double sont frères et non imbriqués, la variable doit donc vivre au-dessus des deux. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -568,10 +568,7 @@ function construireBarreCumulative(projet, echelle) {
|
||||
if (!bornes) return null;
|
||||
|
||||
const conteneur = document.createElement('div');
|
||||
// Dépliée, elle voisine avec les barres de phases : elle s'amincit pour
|
||||
// qu'on ne la prenne pas pour l'une d'elles et qu'on n'essaie pas de la
|
||||
// glisser. Pliée, elle est seule sur sa ligne et porte toute l'information.
|
||||
conteneur.className = `barre-cumulative${projet.collapsed ? '' : ' barre-cumulative--fine'}`;
|
||||
conteneur.className = 'barre-cumulative';
|
||||
conteneur.style.left = `${echelle.x(bornes.start)}px`;
|
||||
conteneur.style.width = `${echelle.largeurDe(bornes.start, bornes.end)}px`;
|
||||
|
||||
@@ -605,9 +602,9 @@ function construireFantome(projet, echelle) {
|
||||
if (!reference) return null;
|
||||
|
||||
const fantome = document.createElement('div');
|
||||
// Le fantôme se cale sous la barre qu'il double : il doit suivre celle-ci
|
||||
// quand elle s'amincit, sans quoi il flotterait sous elle.
|
||||
fantome.className = `fantome${projet.collapsed ? '' : ' fantome--fin'}`;
|
||||
// Se cale sous la barre cumulative, plus mince qu'une barre de phase : sans
|
||||
// cette variante, il flotterait dans le vide sous elle.
|
||||
fantome.className = 'fantome fantome--cumulatif';
|
||||
fantome.style.left = `${echelle.x(reference.start)}px`;
|
||||
fantome.style.width = `${echelle.largeurDe(reference.start, reference.end)}px`;
|
||||
fantome.title = `Référence : ${formaterDateLongue(reference.start)} → ${formaterDateLongue(reference.end)}`;
|
||||
|
||||
Reference in New Issue
Block a user