Lot U2 : le lecteur — cibles de 44 px sur téléphone dans tout le vote déplié et « Tout déplier » ; les trois lectures passent à la ligne au lieu de cacher « Si tout passe » ; « Proposer cet ordre » éteint dit pourquoi, à côté ; l'inertie dite une fois (ses crans dans « Inertie »), la ligne d'une Proposition seed s'efface sous son vote déplié, les versions déjà listées ne sont pas redites dans « Autres versions » ; l'en-tête compte ce que montre la liste (les Propositions seed à part) ; un changement d'inertie d'un ordre ou du titre a sa pastille sur la ligne du module (fr, en, es)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-11-03 11:32:35 +01:00
co-authored by Claude Opus 5.5
parent b0e849b9cb
commit 1fadc1ecb6
15 changed files with 161 additions and 48 deletions
@@ -153,6 +153,11 @@
const sectionKeys = $derived([...new Set((view?.units ?? []).map((u) => u.section))]);
const deepSecs = $derived(deepSections(deep, deepOrders, sectionKeys));
const canVote = $derived(!!view?.vote.open);
// The facts of the head say what the page shows (lot U2): the seed proposals read at the head
// while nothing is in force, apart; then the proposals of « Propositions en cours » — the
// articles' versions, never the orders and titles proposed, voted at their module's line.
const headSeeds = $derived(doc.seedHead.length);
const openArticles = $derived(doc.open.filter((x) => !x.unit.kind).length - headSeeds);
/** The other versions of an article open to the vote, besides the one read. */
const othersOf = (e: Entry) => e.unit.proposals.filter((p) => p.status === 'open' && p.kind !== 'inertia' && p.id !== e.proposal.id).length;
@@ -164,11 +169,12 @@
}
</script>
{#snippet foldOf(unit: Unit, p: Proposal)}
{#snippet foldOf(unit: Unit, p: Proposal, besides: string[] = [])}
<VoteFold
{doc}
proposal={p}
{unit}
{besides}
onopen={(id) => go(panel, id)}
onsettings={(id) => openPanel({ unitId: unit.id, proposalId: id, tab: 'settings' })}
ondetails={(id) => openPanel({ unitId: unit.id, proposalId: id, tab: 'details' })}
@@ -223,7 +229,7 @@
{/if}
<p class="summary">{summary}</p>
<p class="facts faint">
{i18n.plural('docs.inForce', doc.inForce.length)} · {i18n.plural('docs.open', doc.open.length)}
{i18n.plural('docs.inForce', doc.inForce.length)} · {#if headSeeds}{i18n.plural('docs.seeds', headSeeds)}{' · '}{/if}{i18n.plural('docs.open', openArticles)}
{#if view.doc.publication.state === 'done'} · {t('doc.published')}{:else if view.doc.publication.state === 'pending'} · {t('doc.publish.pending')}{/if}
· <button class="linkish" type="button" onclick={() => openPanel({ unitId: null, proposalId: null, tab: 'settings' })}>{t('settings.title')}</button>
</p>
@@ -517,13 +523,15 @@
.new {
margin-top: 1.4rem;
}
/* On a phone: the three readings on one line that scrolls, the targets big enough for a finger. */
/* On a phone: the three readings go to the line rather than hide « Si tout passe » off the
edge (lot U2); each row fills the width, the targets big enough for a finger. */
@media (max-width: 899px) {
.seg.views {
flex-wrap: nowrap;
max-width: 100%;
overflow-x: auto;
scrollbar-width: none;
display: flex;
gap: 2px;
}
.seg.views button {
flex: 1 1 auto;
}
.seg button {
min-height: 2.75rem;