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…
	
		Reference in New Issue