LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-26 14:21:13 +00:00
Code Issues Projects Releases Wiki Activity

Make comment border colors semi-transparent

Browse source
This commit is contained in:
abias 2023-06-14 20:52:31 -04:00
parent 8ce6e5bc32
commit ab0805432d
3 changed files with 6 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/server/index.tsx
View file

@ -156,7 +156,7 @@ server.get("/*", async (req, res) => {
site = try_site.data; site = try_site.data;
initializeSite(site); initializeSite(site);
if (path != "/setup" && !site.site_view.local_site.site_setup) { if (path !== "/setup" && !site.site_view.local_site.site_setup) {
return res.redirect("/setup"); return res.redirect("/setup");
} }

11
src/shared/components/comment/comment-node.tsx
View file

@ -270,10 +270,6 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
this.props.moderators this.props.moderators
); );
const borderColor = this.props.node.depth
? colorList[(this.props.node.depth - 1) % colorList.length]
: colorList[0];
const moreRepliesBorderColor = this.props.node.depth const moreRepliesBorderColor = this.props.node.depth
? colorList[this.props.node.depth % colorList.length] ? colorList[this.props.node.depth % colorList.length]
: colorList[0]; : colorList[0];
@ -951,9 +947,9 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</div> </div>
{showMoreChildren && ( {showMoreChildren && (
<div <div
className={`details ml-1 comment-node py-2 ${ className={classNames("details ml-1 comment-node py-2", {
!this.props.noBorder ? "border-top border-light" : "" "border-top border-light": !this.props.noBorder,
}`} })}
style={`border-left: 2px ${moreRepliesBorderColor} solid !important`} style={`border-left: 2px ${moreRepliesBorderColor} solid !important`}
> >
<button <button
@ -1205,6 +1201,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
linkBtn(small = false) { linkBtn(small = false) {
const cv = this.commentView; const cv = this.commentView;
const classnames = classNames("btn btn-link btn-animate text-muted", { const classnames = classNames("btn btn-link btn-animate text-muted", {
"btn-sm": small, "btn-sm": small,
}); });

2
src/shared/utils.ts
View file

@ -1127,7 +1127,7 @@ export const colorList: string[] = [
]; ];
function hsl(num: number) { function hsl(num: number) {
return `hsla(${num}, 35%, 50%, 1)`; return `hsla(${num}, 35%, 50%, 0.5)`;
} }
export function hostname(url: string): string { export function hostname(url: string): string {