diff --git a/index.html b/index.html index dbe62c9..d3fdd13 100644 --- a/index.html +++ b/index.html @@ -233,12 +233,24 @@ border-radius: 15px; padding: 20px; transition: all 0.3s ease; + position: relative; } .idea-card.decided { background: rgba(0, 255, 0, 0.1); border-color: rgba(0, 255, 0, 0.4); } + .idea-card.decided:hover { + background: rgba(0, 255, 0, 0.1); + border-color: rgba(0, 255, 0, 0.4); + } + + .decided-badge { + position: absolute; + top: 10px; + right: 10px; + font-size: 1.5rem; + } .idea-card h3 { margin-bottom: 20px; /* pushes the next form‐group down */ @@ -537,7 +549,7 @@
-
+

Add New Idea

@@ -806,6 +818,8 @@ // Render ideas function renderIdeas() { + const decidedIdea = currentTour.ideas.find(i => i.decided); + document.getElementById("addIdeaCard").classList.toggle("hidden", !!decidedIdea); sortIdeasByVotes(); if (currentView === 'cards') { renderCardsView(); @@ -824,6 +838,7 @@ const card = document.createElement('div'); card.className = 'idea-card'; if (idea.decided) card.classList.add('decided'); + const badgeHTML = idea.decided ? '' : ''; let timeBadge = ""; if (idea.start_time && idea.end_time) { @@ -866,10 +881,11 @@ timeBadge = `🕒 Ends ${e}`; } - card.innerHTML = ` -

${idea.name}

- ${timeBadge} -

${linkify(idea.description)}

+ card.innerHTML = ` + ${badgeHTML} +

${idea.name}

+ ${timeBadge} +

${linkify(idea.description)}

👍 ${idea.voters.length} votes ${decidedIdea ? '' : ``}