From c36cc4c2704010fc55292a778007d08608b4ebc1 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 22 Jul 2023 11:13:05 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20(feature=20step)=20all=20feature?=
 =?UTF-8?q?s=20in=20steps?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/FeatureStep.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/FeatureStep.vue b/src/FeatureStep.vue
index c4e9f1d..8a53676 100644
--- a/src/FeatureStep.vue
+++ b/src/FeatureStep.vue
@@ -20,7 +20,11 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     <section class="doing">
       <h5>📝⌛</h5>
       <ul v-if="hasFeaturesInProgress">
-        <li v-for="feature in step.featuresInProgress" :key="feature">
+        <li
+          v-for="feature in step.featuresInProgress"
+          :key="feature"
+          class="bin"
+        >
           {{ feature }}
         </li>
       </ul>
@@ -28,14 +32,14 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     <section class="done">
       <h5>📝✅</h5>
       <ul v-if="hasFeaturesDone">
-        <li v-for="feature in step.featuresDone" :key="feature">
+        <li v-for="feature in step.featuresDone" :key="feature" class="bin">
           {{ feature }}
         </li>
       </ul>
       <div
         v-for="blueBucket in remainingBlueBuckets"
         :key="blueBucket"
-        class="blue-bin"
+        class="bin blue-bin"
       >
         Blue bucket
       </div>
@@ -67,7 +71,7 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     text-align: center;
   }
 
-  .blue-bin {
+  .bin {
     margin-top: 1rem;
     border: 3px solid var(--background-color);
     height: 60px;
@@ -75,5 +79,10 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
     justify-content: center;
     align-items: center;
   }
+
+  .blue-bin {
+    background-color: var(--background-color);
+    color: white;
+  }
 }
 </style>