Style blocked suggest-next button as red
This commit is contained in:
@@ -84,6 +84,17 @@ button.ghost:hover {
|
||||
border-color: #b4d9f3;
|
||||
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 {
|
||||
color: #6c5a42;
|
||||
|
||||
@@ -251,11 +251,12 @@ export function updatePhaseNav() {
|
||||
const suggestNext = $("nav-suggest-next");
|
||||
if (suggestNext) {
|
||||
const hasSuggestions = (state.mySuggestions?.length ?? 0) > 0;
|
||||
const canAdvance = phase !== "Suggest" || hasSuggestions;
|
||||
suggestNext.disabled = !canAdvance;
|
||||
suggestNext.textContent = canAdvance
|
||||
? t("nav.next")
|
||||
: t("nav.addSuggestionFirst");
|
||||
const needsSuggestion = phase === "Suggest" && !hasSuggestions;
|
||||
suggestNext.disabled = needsSuggestion;
|
||||
suggestNext.classList.toggle("needs-suggestion", needsSuggestion);
|
||||
suggestNext.textContent = needsSuggestion
|
||||
? t("nav.addSuggestionFirst")
|
||||
: t("nav.next");
|
||||
}
|
||||
|
||||
const voteNext = $("nav-vote-next");
|
||||
|
||||
Reference in New Issue
Block a user