diff --git a/app/assets/stylesheets/themes/dark.css b/app/assets/stylesheets/themes/dark.css index 0124a451f..397910832 100644 --- a/app/assets/stylesheets/themes/dark.css +++ b/app/assets/stylesheets/themes/dark.css @@ -65,8 +65,8 @@ --card-color-tertiary: rgb(var(--grey-400)); --card-secondary-bg: rgb(var(--grey-900)); --card-secondary-color: rgb(var(--grey-200)); - --card-tertiary-bg: rgb(var(--grey-100)); - --card-tertiary-bg-hover: rgba(var(--grey-200), 0.55); + --card-tertiary-bg: rgb(var(--grey-800)); + --card-tertiary-bg-hover: rgba(var(--grey-800), 0.9); --card-border: rgba(var(--white), 0.15); --card-secondary-border: rgba(var(--white), 0.1); diff --git a/app/javascript/articles/components/CommentListItem.jsx b/app/javascript/articles/components/CommentListItem.jsx index 0349ea581..5bc1fca99 100644 --- a/app/javascript/articles/components/CommentListItem.jsx +++ b/app/javascript/articles/components/CommentListItem.jsx @@ -23,6 +23,7 @@ function contentAwareComments(comment) { node.tagName === 'P' && nodesSelected < 2 && node.outerHTML.length > 250 + && !node.outerHTML.includes('article-body-image-wrapper') ) { text = `${text} ${node.outerHTML.substring(0, 230)} ...`; nodesSelected = 2;