Style blocked suggest-next button as red

This commit is contained in:
2026-02-07 13:53:06 +01:00
parent 3104ddc601
commit 41d9a3b571
2 changed files with 17 additions and 5 deletions

View File

@@ -84,6 +84,17 @@ button.ghost:hover {
border-color: #b4d9f3; border-color: #b4d9f3;
color: #1a3d64; color: #1a3d64;
} }
button.needs-suggestion,
button.needs-suggestion:disabled {
background: #e0564f;
border-color: #c54740;
color: #fffaf3;
opacity: 1;
}
button.needs-suggestion:hover {
background: #c9473f;
border-color: #a83a35;
}
.label { .label {
color: #6c5a42; color: #6c5a42;

View File

@@ -251,11 +251,12 @@ export function updatePhaseNav() {
const suggestNext = $("nav-suggest-next"); const suggestNext = $("nav-suggest-next");
if (suggestNext) { if (suggestNext) {
const hasSuggestions = (state.mySuggestions?.length ?? 0) > 0; const hasSuggestions = (state.mySuggestions?.length ?? 0) > 0;
const canAdvance = phase !== "Suggest" || hasSuggestions; const needsSuggestion = phase === "Suggest" && !hasSuggestions;
suggestNext.disabled = !canAdvance; suggestNext.disabled = needsSuggestion;
suggestNext.textContent = canAdvance suggestNext.classList.toggle("needs-suggestion", needsSuggestion);
? t("nav.next") suggestNext.textContent = needsSuggestion
: t("nav.addSuggestionFirst"); ? t("nav.addSuggestionFirst")
: t("nav.next");
} }
const voteNext = $("nav-vote-next"); const voteNext = $("nav-vote-next");