Fix margin in follow notification in web UI (#31508)

This commit is contained in:
Eugen Rochko 2024-08-20 16:03:09 +02:00 committed by GitHub
parent 711e1fce0a
commit 05b4380051
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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);