add collapsible detail results (#3508)

This commit is contained in:
ay-ex
2023-07-26 13:33:36 +00:00
committed by GitHub
parent 524bace23b
commit b792b05753
+25 -17
View File
@@ -44,6 +44,10 @@
footer { color: #999; font-size: 0.8em; } footer { color: #999; font-size: 0.8em; }
header { text-align: center; } header { text-align: center; }
hr { margin: 20px; margin-left: 0px; margin-right: 0px; border: none; border-top: 1px solid #ccc; } hr { margin: 20px; margin-left: 0px; margin-right: 0px; border: none; border-top: 1px solid #ccc; }
details { user-select: none; }
details>summary span.icon { width: 24px; height: 24px; transition: all 0.3s; margin-left: auto; }
summary { display: flex; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
</style> </style>
</head> </head>
<body> <body>
@@ -54,24 +58,28 @@
{{#specifications}} {{#specifications}}
<section> <section>
<h2>{{name}}</h2> <h2>{{name}}</h2>
<p> <details>
<span class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">{{#status}}Pass{{/status}}{{^status}}Fail{{/status}}</span> <summary>
Passed: <strong>{{total_successes}} / {{total}}</strong> ({{percentage}}%) <p>
</p> <span class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">{{#status}}Pass{{/status}}{{^status}}Fail{{/status}}</span>
<ol> Passed: <strong>{{total_successes}} / {{total}}</strong> ({{percentage}}%) - click here to see details
{{#requirements}}
<li class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">
{{description}}
{{^status}}{{#total}}
<p class="failure{{#is_unspecified}} unspecified{{/is_unspecified}}{{#is_skipped}} skipped{{/is_skipped}}">
{{#failed_entities}}
{{reason}} <em style="color: #fbb4a8;">{{element}}</em><br />
{{/failed_entities}}
</p> </p>
{{/total}}{{/status}} </summary>
</li> <ol>
{{/requirements}} {{#requirements}}
</ol> <li class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">
{{description}}
{{^status}}{{#total}}
<p class="failure{{#is_unspecified}} unspecified{{/is_unspecified}}{{#is_skipped}} skipped{{/is_skipped}}">
{{#failed_entities}}
{{reason}} <em style="color: #fbb4a8;">{{element}}</em><br />
{{/failed_entities}}
</p>
{{/total}}{{/status}}
</li>
{{/requirements}}
</ol>
</details>
</section> </section>
{{/specifications}} {{/specifications}}
<hr> <hr>