* Show multi-level steps in testcase::view, and modify style.

module/testcase/css/view.ui.css

@@ -1,3 +1,6 @@
-#steps .step-id {text-align: center; color: var(--color-slate-600);}
-#steps span.input-group {color: var(--color-slate-600);}
+#steps th {font-size:13px; color: var(--color-slate-700); padding: 8px; width: 50%;}
+#steps th.steps {padding-left: 32px;}
+#steps .step-id {font-size:13px; color: var(--color-slate-500);}
+#steps thead, #steps .step-item .disabled-color {background-color: rgba(var(--color-gray-100-rgb), 0.7);}
+#steps {font-size:13px; color: var(--color-slate-800);}
 .linkCaseTitles, .linkBugTitles {overflow: hidden; white-space: nowrap;}

module/testcase/model.php

@@ -506,6 +506,7 @@ class testcaseModel extends model
             $data->desc   = $step->desc;
             $data->expect = $step->expect;
             $data->type   = $step->type;
+            $data->grade  = $grade;
 
             $case->steps[] = $data;
 

module/testcase/ui/view.html.php

@@ -22,33 +22,23 @@ foreach($case->steps as $step)
         $childID = 0;
     }
     $stepClass  = $step->type == 'step' ? 'step-group' : "step-{$step->type}";
-    $stepItemID = $step->type == 'item' ? span(setClass('input-group pr-1'), "{$stepID}.{$childID}") : '';
 
     $steps[] = h::tr
     (
         setClass("step {$stepClass}"),
         h::td
         (
-            setClass('step-id text-center'),
+            setClass('text-left'),
             span
             (
-                setClass($step->type == 'item' ? 'hidden' : ''),
-                $stepID,
+                setClass('step-id pr-2 pl-' . (($step->grade- 1) * 2)),
+                $step->name,
             ),
+            nl2br(str_replace(' ', ' ', $step->desc)),
         ),
         h::td
         (
-            setClass('text-left'),
-            div
-            (
-                setClass('input-group'),
-                $stepItemID,
-                nl2br(str_replace(' ', ' ', $step->desc)),
-            ),
-        ),
-        h::td
-        (
-            setClass('text-left'),
+            setClass('text-left' . ($step->type == 'item' ? ' disabled-color' :'')),
             nl2br(str_replace(' ', ' ', $step->expect)),
         ),
     );
@@ -335,21 +325,16 @@ detailBody
             set::title($lang->testcase->steps),
             h::table
             (
-                setClass('table condensed bordered'),
+                setClass('table bordered'),
                 set::id('steps'),
                 h::thead
                 (
                     h::tr
                     (
-                        h::th
-                        (
-                            $lang->testcase->stepID,
-                            set::width('60px'),
-                        ),
                         h::th
                         (
                             $lang->testcase->stepDesc,
-                            setClass('text-left'),
+                            setClass('text-left steps'),
                         ),
                         h::th
                         (