Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save TheEnigmaBlade/352a77662a4f211c7c83 to your computer and use it in GitHub Desktop.
Save TheEnigmaBlade/352a77662a4f211c7c83 to your computer and use it in GitHub Desktop.
Custom report reasons, with two different versions: post and comment reasons combined or separate
/* Remove default reason */
.report-form li:not(:last-child) label { /* For users */
font-size: 0;
}
.report-reasons li.report-reason[title="spam"], /* For mods */
.report-reasons li.report-reason[title="vote manipulation"],
.report-reasons li.report-reason[title="personal information"],
.report-reasons li.report-reason[title="sexualizing minors"],
.report-reasons li.report-reason[title="breaking reddit"] {
font-size: 0;
}
/* Re-set the size of the custom reasons */
.report-form li label:after { /* For users */
font-size: 12px;
}
.report-reasons li.report-reason:after { /* For mods */
display: inline-block;
height: 16px;
position: relative;
top: 9px;
font-size: 10px;
}
/* Reasons */
.report-form li:nth-child(1) label:after,
.report-reasons li.report-reason[title="spam"]:after {
content: "Custom reason 1";
}
.report-form li:nth-child(2) label:after,
.report-reasons li.report-reason[title="vote manipulation"]:after{
content: "Custom reason 2";
}
.report-form li:nth-child(3) label:after,
.report-reasons li.report-reason[title="personal information"]:after{
content: "Custom reason 3";
}
.report-form li:nth-child(4) label:after,
.report-reasons li.report-reason[title="sexualizing minors"]:after{
content: "Custom reason 4";
}
.report-form li:nth-child(5) label:after,
.report-reasons li.report-reason[title="breaking reddit"]:after{
content: "Custom reason 5";
}
/* Remove default reason */
.report-form li:not(:last-child) label { /* For users */
font-size: 0;
}
.report-reasons li.report-reason[title="spam"], /* For mods */
.report-reasons li.report-reason[title="vote manipulation"],
.report-reasons li.report-reason[title="personal information"],
.report-reasons li.report-reason[title="sexualizing minors"],
.report-reasons li.report-reason[title="breaking reddit"] {
font-size: 0;
}
/* Re-set the size of the custom reasons */
.report-form li label:after { /* For users */
font-size: 12px;
}
.report-reasons li.report-reason:after { /* For mods */
display: inline-block;
height: 16px;
position: relative;
top: 9px;
font-size: 10px;
}
/* Post/link reasons */
.thing.link .report-form li:nth-child(1) label:after,
.thing.link .report-reasons li.report-reason[title="spam"]:after {
content: "Custom post reason 1";
}
.thing.link .report-form li:nth-child(2) label:after,
.thing.link .report-reasons li.report-reason[title="vote manipulation"]:after{
content: "Custom post reason 2";
}
.thing.link .report-form li:nth-child(3) label:after,
.thing.link .report-reasons li.report-reason[title="personal information"]:after{
content: "Custom post reason 3";
}
.thing.link .report-form li:nth-child(4) label:after,
.thing.link .report-reasons li.report-reason[title="sexualizing minors"]:after{
content: "Custom post reason 4";
}
.thing.link .report-form li:nth-child(5) label:after,
.thing.link .report-reasons li.report-reason[title="breaking reddit"]:after{
content: "Custom post reason 5";
}
/* Comment reasons */
.thing.comment .report-form li:nth-child(1) label:after,
.thing.comment .report-reasons li.report-reason[title="spam"]:after {
content: "Custom comment reason 1";
}
.thing.comment .report-form li:nth-child(2) label:after,
.thing.comment .report-reasons li.report-reason[title="vote manipulation"]:after{
content: "Custom comment reason 2";
}
.thing.comment .report-form li:nth-child(3) label:after,
.thing.comment .report-reasons li.report-reason[title="personal information"]:after{
content: "Custom comment reason 3";
}
.thing.comment .report-form li:nth-child(4) label:after,
.thing.comment .report-reasons li.report-reason[title="sexualizing minors"]:after{
content: "Custom comment reason 4";
}
.thing.comment .report-form li:nth-child(5) label:after,
.thing.comment .report-reasons li.report-reason[title="breaking reddit"]:after{
content: "Custom comment reason 5";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment