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; |     gap: 12px; | ||||||
|     flex-wrap: wrap; |     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 { |     .icon-button { | ||||||
|       box-sizing: content-box; |       box-sizing: content-box; | ||||||
|       color: $highlight-text-color; |       color: $highlight-text-color; | ||||||
| @ -10530,8 +10520,10 @@ noscript { | |||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     &__additional-content { |     &__additional-content { | ||||||
|       color: $darker-text-color; |       color: $dark-text-color; | ||||||
|       margin-top: -8px; // to offset the parent's `gap` property |       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 { | .notification-ungrouped { | ||||||
|   padding: 16px 24px; |   padding: 16px 24px; | ||||||
|   border-bottom: 1px solid var(--background-border-color); |   border-bottom: 1px solid var(--background-border-color); | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user