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 id="summary" data-active-result="Rating,Reason" class="flow-text"></p> | ||||||
|                <p data-active-result="Description,Summary"></p> |                <p data-active-result="Description,Summary"></p> | ||||||
|                <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress> |                <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=""></progress> | ||||||
|  |                <label >Scroll down for details.</label> | ||||||
|           </summary> |           </summary> | ||||||
|           <details data-active-result="Description,Aspects,*" data-active-result-type="card"> |           <section class="tip" data-active-result="Description,Aspects,*" data-active-result-type="card"> | ||||||
|           </details> |           </section> | ||||||
|      </body> |      </body> | ||||||
| </html> | </html> | ||||||
|  | @ -6,8 +6,11 @@ | ||||||
|      padding: 2em; |      padding: 2em; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| #results > details { | #results:not(:has(details[open])) summary { | ||||||
|      margin-top: auto; |      height: 100%; | ||||||
|      margin-bottom: auto; |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | #results summary p { | ||||||
|  |      margin-top: 0.5em; | ||||||
|  |      margin-bottom: 0.5em; | ||||||
|  | } | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue