Add notifications for new reports (#18697)
This commit is contained in:
parent
602f291da9
commit
2936f42a14
18 changed files with 235 additions and 17 deletions
|
@ -1355,6 +1355,8 @@ a .account__avatar {
|
|||
.account__avatar-overlay {
|
||||
@include avatar-size(48px);
|
||||
|
||||
position: relative;
|
||||
|
||||
&-base {
|
||||
@include avatar-radius;
|
||||
@include avatar-size(36px);
|
||||
|
@ -1620,6 +1622,33 @@ a.account__display-name {
|
|||
}
|
||||
}
|
||||
|
||||
.notification__report {
|
||||
padding: 8px 10px;
|
||||
padding-left: 68px;
|
||||
position: relative;
|
||||
border-bottom: 1px solid lighten($ui-base-color, 8%);
|
||||
min-height: 54px;
|
||||
|
||||
&__details {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: $darker-text-color;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
|
||||
strong {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
&__avatar {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.notification__message {
|
||||
margin: 0 10px 0 68px;
|
||||
padding: 8px 0 0;
|
||||
|
@ -2360,6 +2389,16 @@ a.account__display-name {
|
|||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.notification__report {
|
||||
padding: 15px 15px 15px (48px + 15px * 2);
|
||||
min-height: 48px + 2px;
|
||||
|
||||
&__avatar {
|
||||
left: 15px;
|
||||
top: 17px;
|
||||
}
|
||||
}
|
||||
|
||||
.status {
|
||||
padding: 15px 15px 15px (48px + 15px * 2);
|
||||
min-height: 48px + 2px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue