Re-insert the height when the window is not open

Users are invited to scroll down to see the details. Details no longer need a click to activate.

This reverts commit 0f39fbdc12.
This commit is contained in:
buzz-lightsnack-2007 2024-05-07 15:29:04 +08:00
parent 4dc8be497c
commit 59921d87c2
2 changed files with 9 additions and 5 deletions

View file

@ -9,8 +9,9 @@
<p id="summary" data-active-result="Rating,Reason" class="flow-text"></p>
<p data-active-result="Description,Summary"></p>
<progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress>
<label >Scroll down for details.</label>
</summary>
<details data-active-result="Description,Aspects,*" data-active-result-type="card">
</details>
<section class="tip" data-active-result="Description,Aspects,*" data-active-result-type="card">
</section>
</body>
</html>

View file

@ -6,8 +6,11 @@
padding: 2em;
}
#results > details {
margin-top: auto;
margin-bottom: auto;
#results:not(:has(details[open])) summary {
height: 100%;
}
#results summary p {
margin-top: 0.5em;
margin-bottom: 0.5em;
}