[Glitch] Add notifications for new reports

Port 2936f42a14 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Eugen Rochko
2022-06-27 09:30:15 +02:00
committed by Claire
parent f218e633b4
commit 485b43ed7e
12 changed files with 279 additions and 11 deletions

View File

@ -105,6 +105,8 @@
position: relative;
@include avatar-size(48px);
position: relative;
&-base {
@include avatar-radius();
@include avatar-size(36px);
@ -243,6 +245,33 @@
margin-right: 10px;
}
.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-left: 42px;
padding: 8px 0 0 26px;

View File

@ -154,6 +154,16 @@
padding-top: 15px;
}
.notification__report {
padding: 15px 15px 15px (48px + 15px * 2);
min-height: 48px + 2px;
&__avatar {
left: 15px;
top: 17px;
}
}
.status {
padding: 15px;
min-height: 48px + 2px;