Fix column borders disappearing in advanced interface on low width viewports (#29763)
This commit is contained in:
		
					parent
					
						
							
								c4feba4347
							
						
					
				
			
			
				commit
				
					
						b2d841ce9a
					
				
			
		
					 1 changed files with 23 additions and 24 deletions
				
			
		|  | @ -2890,24 +2890,31 @@ $ui-header-height: 55px; | |||
|     } | ||||
|   } | ||||
| 
 | ||||
|   .layout-single-column .ui__header { | ||||
|     display: flex; | ||||
|     background: var(--background-color-tint); | ||||
|     border-bottom: 1px solid var(--background-border-color); | ||||
|   } | ||||
|   .layout-single-column { | ||||
|     .ui__header { | ||||
|       display: flex; | ||||
|       background: var(--background-color-tint); | ||||
|       border-bottom: 1px solid var(--background-border-color); | ||||
|     } | ||||
| 
 | ||||
|   .column > .scrollable, | ||||
|   .tabs-bar__wrapper .column-header, | ||||
|   .tabs-bar__wrapper .column-back-button { | ||||
|     border-left: 0; | ||||
|     border-right: 0; | ||||
|   } | ||||
|     .column > .scrollable, | ||||
|     .tabs-bar__wrapper .column-header, | ||||
|     .tabs-bar__wrapper .column-back-button { | ||||
|       border-left: 0; | ||||
|       border-right: 0; | ||||
|     } | ||||
| 
 | ||||
|   .column-header, | ||||
|   .column-back-button, | ||||
|   .scrollable, | ||||
|   .error-column { | ||||
|     border-radius: 0 !important; | ||||
|     .column-header, | ||||
|     .column-back-button, | ||||
|     .scrollable, | ||||
|     .error-column { | ||||
|       border-radius: 0 !important; | ||||
|     } | ||||
| 
 | ||||
|     .column-header, | ||||
|     .column-back-button { | ||||
|       border-top: 0; | ||||
|     } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
|  | @ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue