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:
parent
4dc8be497c
commit
59921d87c2
2 changed files with 9 additions and 5 deletions
|
@ -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>
|
|
@ -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;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue