Fix dropdown menu on profiles not being accessible on narrow screens in web UI (#20620)
This commit is contained in:
		
					parent
					
						
							
								147d8bd8fc
							
						
					
				
			
			
				commit
				
					
						6da9df774e
					
				
			
		
					 2 changed files with 12 additions and 2 deletions
				
			
		|  | @ -314,8 +314,6 @@ class Header extends ImmutablePureComponent { | |||
|               <Avatar account={suspended || hidden ? undefined : account} size={90} /> | ||||
|             </a> | ||||
| 
 | ||||
|             <div className='spacer' /> | ||||
| 
 | ||||
|             {!suspended && ( | ||||
|               <div className='account__header__tabs__buttons'> | ||||
|                 {!hidden && ( | ||||
|  |  | |||
|  | @ -7026,8 +7026,11 @@ noscript { | |||
|   &__tabs { | ||||
|     display: flex; | ||||
|     align-items: flex-start; | ||||
|     justify-content: space-between; | ||||
|     margin-top: -55px; | ||||
|     padding-top: 10px; | ||||
|     gap: 8px; | ||||
|     overflow: hidden; | ||||
| 
 | ||||
|     &__buttons { | ||||
|       display: flex; | ||||
|  | @ -7036,6 +7039,15 @@ noscript { | |||
|       padding-top: 55px; | ||||
|       overflow: hidden; | ||||
| 
 | ||||
|       .button { | ||||
|         flex-shrink: 1; | ||||
|         white-space: nowrap; | ||||
| 
 | ||||
|         @media screen and (max-width: $no-gap-breakpoint) { | ||||
|           min-width: 0; | ||||
|         } | ||||
|       } | ||||
| 
 | ||||
|       .icon-button { | ||||
|         border: 1px solid lighten($ui-base-color, 12%); | ||||
|         border-radius: 4px; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue