5780ed5768
* Add comment scores. * Rework voting buttons so that you can click the upvote/downvote buttons to toggle votes. * Hide the edit, delete, undelete, and report buttons behind a popup menu. * Show the upvote/downvote/reply buttons to logged out users. Redirect them to the login page instead.
59 lines
929 B
SCSS
59 lines
929 B
SCSS
article.comment {
|
|
flex: 1;
|
|
|
|
&[data-is-sticky="true"] {
|
|
background: var(--comment-sticky-background-color);
|
|
}
|
|
|
|
&[data-is-reported="true"] {
|
|
background-color: var(--moderation-report-background-color);
|
|
}
|
|
|
|
&[data-is-upvoted="true"] {
|
|
a.comment-upvote-link {
|
|
color: var(--link-color);
|
|
}
|
|
}
|
|
|
|
&[data-is-downvoted="true"] {
|
|
a.comment-downvote-link {
|
|
color: var(--link-color);
|
|
}
|
|
}
|
|
|
|
&[data-is-dimmed="true"] {
|
|
opacity: 0.3;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.unhide-comment-link {
|
|
margin-bottom: 1em;
|
|
display: block;
|
|
}
|
|
|
|
.moderation-report-notice {
|
|
font-weight: bold;
|
|
color: var(--moderation-report-text-color);
|
|
}
|
|
|
|
.comment-votes {
|
|
color: var(--muted-text-color);
|
|
|
|
a {
|
|
color: var(--muted-text-color);
|
|
|
|
&:hover {
|
|
color: var(--link-color);
|
|
}
|
|
}
|
|
}
|
|
|
|
.popup-menu {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
}
|
|
}
|