appview/pages: fix collapsed step icon #819

···

       
2
       
2
       
 
       
<div id="lines" hx-swap-oob="beforeend">

     

       
3
       
3
       
 
       
  <details id="step-{{ .Id }}" {{if not .Collapsed}}open{{end}} class="group pb-2 rounded-sm border border-gray-200 dark:border-gray-700">

     

       
4
       
4
       
 
       
    <summary class="sticky top-0 pt-2 px-2 group-open:pb-2 group-open:mb-2 list-none cursor-pointer group-open:border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 hover:text-gray-500 hover:dark:text-gray-400">

     

       
5
       
5
       
-
       
      <div class="group-open:hidden flex items-center gap-1">{{ template "stepHeader" . }}</div>

     

       
6
       
6
       
-
       
      <div class="hidden group-open:flex items-center gap-1">{{ template "stepHeader" . }}</div>

     

       
5
       
5
       
+
       
      <div class="group-open:hidden flex items-center gap-1">{{ i "chevron-right" "w-4 h-4" }} {{ template "stepHeader" . }}</div>

     

       
6
       
6
       
+
       
      <div class="hidden group-open:flex items-center gap-1">{{ i "chevron-down" "w-4 h-4" }} {{ template "stepHeader" . }}</div>

     

       
7
       
7
       
 
       
    </summary>

     

       
8
       
8
       
 
       
    <div class="font-mono whitespace-pre overflow-x-auto px-2"><div class="text-blue-600 dark:text-blue-300">{{ .Command }}</div><div id="step-body-{{ .Id }}"></div></div>

     

       
9
       
9
       
 
       
  </details>

     
···

       
11
       
11
       
 
       
{{ end }}

     

       
12
       
12
       
 
       


     

       
13
       
13
       
 
       
{{ define "stepHeader" }}

     

       
14
       
14
       
-
       
 {{ i "chevron-right" "w-4 h-4" }} {{ .Name }}

     

       
14
       
14
       
+
       
 {{ .Name }}

     

       
15
       
15
       
 
       
 <span class="ml-auto text-sm text-gray-500 tabular-nums" data-timer="{{ .Id }}" data-start="{{ .StartTime.Unix }}"></span>

     

       
16
       
16
       
 
       
{{ end }}