Merge pull request #3164 from codecrafters-io/test-expand-step

Expand expand step

Author: rohitpaulk

app/components/expandable-step-list/step.hbs

@@ -1,11 +1,11 @@
 <div
-  class="py-2 px-1 {{if @isExpanded 'pb-6' 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/60'}}"
+  class="py-2 px-1 transition-all duration-200 {{if @isExpanded 'pb-6 pt-3' 'cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700/60'}}"
   data-test-expandable-step-list-step
   {{did-update this.handleDidUpdateIsComplete @step.isComplete}}
   ...attributes
 >
   <div class="{{if @isExpanded 'mb-3' ''}} flex items-center justify-between gap-2">
-    <div class="flex items-center gap-1">
+    <div class="flex items-center gap-1 {{if @isExpanded 'border-b-2 border-gray-200 dark:border-white/5' ''}}">
       <div class="prose dark:prose-invert {{if @step.isComplete 'opacity-50'}}" data-test-step-title>
         {{markdown-to-html (concat "**Step " @number "**: " @step.titleMarkdown)}}
       </div>