Fix column borders disappearing in advanced interface on low width viewports (#29763)
This commit is contained in:
		
							parent
							
								
									c4feba4347
								
							
						
					
					
						commit
						b2d841ce9a
					
				| @ -2890,7 +2890,8 @@ $ui-header-height: 55px; | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|   .layout-single-column .ui__header { | ||||
|   .layout-single-column { | ||||
|     .ui__header { | ||||
|       display: flex; | ||||
|       background: var(--background-color-tint); | ||||
|       border-bottom: 1px solid var(--background-border-color); | ||||
| @ -2909,6 +2910,12 @@ $ui-header-height: 55px; | ||||
|     .error-column { | ||||
|       border-radius: 0 !important; | ||||
|     } | ||||
| 
 | ||||
|     .column-header, | ||||
|     .column-back-button { | ||||
|       border-top: 0; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| @media screen and (max-width: $no-gap-breakpoint - 285px - 1px) { | ||||
| @ -3466,10 +3473,6 @@ $ui-header-height: 55px; | ||||
|   &:hover { | ||||
|     text-decoration: underline; | ||||
|   } | ||||
| 
 | ||||
|   @media screen and (max-width: $no-gap-breakpoint) { | ||||
|     border-top: 0; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .column-header__back-button { | ||||
| @ -4233,10 +4236,6 @@ a.status-card { | ||||
|       padding-top: 16px; | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|   @media screen and (max-width: $no-gap-breakpoint) { | ||||
|     border-top: 0; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .column-header__buttons { | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user