mirror of
				https://github.com/go-gitea/gitea.git
				synced 2025-11-04 04:14:01 +01:00 
			
		
		
		
	Use flex wrap to layout the PR update button (#29590)
Follow #29418 I think using "flex-wrap: wrap" here is better than hard-coding the screen width. By using "flex-wrap: wrap", the UI layouts automatically for various widths (even if in some languages, the sentence might be pretty long)
This commit is contained in:
		
							parent
							
								
									df1268ca08
								
							
						
					
					
						commit
						ade6241691
					
				@ -935,18 +935,11 @@
 | 
			
		||||
 | 
			
		||||
.repository.view.issue .comment-list .comment .merge-section .item-section {
 | 
			
		||||
  display: flex;
 | 
			
		||||
  flex-wrap: wrap;
 | 
			
		||||
  align-items: center;
 | 
			
		||||
  justify-content: space-between;
 | 
			
		||||
  padding: 0;
 | 
			
		||||
  margin-top: -0.25rem;
 | 
			
		||||
  margin-bottom: -0.25rem;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (max-width: 991.98px) {
 | 
			
		||||
  .repository.view.issue .comment-list .comment .merge-section .item-section {
 | 
			
		||||
    align-items: flex-start;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
  }
 | 
			
		||||
  gap: 0.5em;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.repository.view.issue .comment-list .comment .merge-section .divider {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user