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