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
@@ -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,10 +58,13 @@
{{#specifications}} {{#specifications}}
<section> <section>
<h2>{{name}}</h2> <h2>{{name}}</h2>
<details>
<summary>
<p> <p>
<span class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">{{#status}}Pass{{/status}}{{^status}}Fail{{/status}}</span> <span class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">{{#status}}Pass{{/status}}{{^status}}Fail{{/status}}</span>
Passed: <strong>{{total_successes}} / {{total}}</strong> ({{percentage}}%) Passed: <strong>{{total_successes}} / {{total}}</strong> ({{percentage}}%) - click here to see details
</p> </p>
</summary>
<ol> <ol>
{{#requirements}} {{#requirements}}
<li class="{{#status}}success{{/status}}{{^status}}failure{{/status}}"> <li class="{{#status}}success{{/status}}{{^status}}failure{{/status}}">
@@ -72,6 +79,7 @@
</li> </li>
{{/requirements}} {{/requirements}}
</ol> </ol>
</details>
</section> </section>
{{/specifications}} {{/specifications}}
<hr> <hr>