Fix margin in follow notification in web UI (#31508)
This commit is contained in:
		
							parent
							
								
									711e1fce0a
								
							
						
					
					
						commit
						05b4380051
					
				| @ -762,16 +762,6 @@ body > [data-popper-placement] { | ||||
|     gap: 12px; | ||||
|     flex-wrap: wrap; | ||||
| 
 | ||||
|     .button { | ||||
|       display: block; // Otherwise text-ellipsis doesn't work | ||||
|       font-size: 14px; | ||||
|       line-height: normal; | ||||
|       font-weight: 700; | ||||
|       flex: 1 1 auto; | ||||
|       padding: 5px 12px; | ||||
|       border-radius: 4px; | ||||
|     } | ||||
| 
 | ||||
|     .icon-button { | ||||
|       box-sizing: content-box; | ||||
|       color: $highlight-text-color; | ||||
| @ -10530,8 +10520,10 @@ noscript { | ||||
|     } | ||||
| 
 | ||||
|     &__additional-content { | ||||
|       color: $darker-text-color; | ||||
|       color: $dark-text-color; | ||||
|       margin-top: -8px; // to offset the parent's `gap` property | ||||
|       font-size: 15px; | ||||
|       line-height: 22px; | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
| @ -10585,6 +10577,19 @@ noscript { | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .notification-group__actions, | ||||
| .compose-form__actions { | ||||
|   .button { | ||||
|     display: block; // Otherwise text-ellipsis doesn't work | ||||
|     font-size: 14px; | ||||
|     line-height: normal; | ||||
|     font-weight: 700; | ||||
|     flex: 1 1 auto; | ||||
|     padding: 5px 12px; | ||||
|     border-radius: 4px; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .notification-ungrouped { | ||||
|   padding: 16px 24px; | ||||
|   border-bottom: 1px solid var(--background-border-color); | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user