chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added support for moderation reports in notifications tab

Browse source
This commit is contained in:
Niléane 2023-07-31 00:08:14 +02:00
commit c62b0360ff
No known key found for this signature in database
4 changed files with 52 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

13
TangerineUI-purple.css
View file

@ -2461,6 +2461,15 @@ body.layout-single-column {
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .notification__report {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-top: 10px;
gap: 15px;
}
.layout-single-column .notification__report__details {
color: var(--color-content-fg);
}
@media screen and (min-width:889px) {
.layout-single-column .notification__message {
border-left: 1px solid var(--color-lines);
@ -2471,6 +2480,10 @@ body.layout-single-column {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .notification__report {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
.layout-single-column .notification__message .fa {
color: var(--color-accent);

13
TangerineUI.css
View file

@ -2461,6 +2461,15 @@ body.layout-single-column {
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .notification__report {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-top: 10px;
gap: 15px;
}
.layout-single-column .notification__report__details {
color: var(--color-content-fg);
}
@media screen and (min-width:889px) {
.layout-single-column .notification__message {
border-left: 1px solid var(--color-lines);
@ -2471,6 +2480,10 @@ body.layout-single-column {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .notification__report {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
.layout-single-column .notification__message .fa {
color: var(--color-accent);

13
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -2461,6 +2461,15 @@ body.layout-single-column {
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .notification__report {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-top: 10px;
gap: 15px;
}
.layout-single-column .notification__report__details {
color: var(--color-content-fg);
}
@media screen and (min-width:889px) {
.layout-single-column .notification__message {
border-left: 1px solid var(--color-lines);
@ -2471,6 +2480,10 @@ body.layout-single-column {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .notification__report {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
.layout-single-column .notification__message .fa {
color: var(--color-accent);

13
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -2461,6 +2461,15 @@ body.layout-single-column {
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .notification__report {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-top: 10px;
gap: 15px;
}
.layout-single-column .notification__report__details {
color: var(--color-content-fg);
}
@media screen and (min-width:889px) {
.layout-single-column .notification__message {
border-left: 1px solid var(--color-lines);
@ -2471,6 +2480,10 @@ body.layout-single-column {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .notification__report {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
.layout-single-column .notification__message .fa {
color: var(--color-accent);