diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx index 15d42b796e..cf2c35850e 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx @@ -7,6 +7,7 @@ import { useFileTreeData } from '@/shared/context/file-tree-data-context' import { Change, CommentOperation } from '../../../../../types/change' import { ThreadId } from '../../../../../types/review-panel/review-panel' import LoadingSpinner from '@/shared/components/loading-spinner' +import OLBadge from '@/features/ui/components/ol/ol-badge' export const ReviewPanelResolvedThreadsMenu: FC = () => { const { t } = useTranslation() @@ -76,9 +77,13 @@ export const ReviewPanelResolvedThreadsMenu: FC = () => {
{t('resolved_comments')}
-
+ {resolvedThreads.length} -
+ {resolvedThreads.map(thread => { const comment = allComments.get(thread.id) diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less index bda2faa6cc..c74d0ed230 100644 --- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less +++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less @@ -269,9 +269,10 @@ } .review-panel-resolved-comments-count { + color: @content-secondary; background-color: @neutral-20; - border-radius: @border-radius-base-new; - padding: 2px; + font-weight: normal; + padding: 4px; } .review-panel-resolved-comment { @@ -322,6 +323,10 @@ background-color: @neutral-20; border-radius: @border-radius-base-new; padding: 4px 8px; + + .btn-inline-link { + font-size: 12px; + } } .review-panel-resolved-comment-quoted-text-label { @@ -330,6 +335,7 @@ } .review-panel-resolved-comment-quoted-text-quote { + color: @content-primary; overflow-wrap: anywhere; font-size: 14px; } diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss index 01ed159417..e09bbdab5b 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss @@ -279,12 +279,6 @@ font-size: var(--font-size-02); } - .review-panel-resolved-comments-count { - background-color: var(--neutral-20); - border-radius: var(--border-radius-base); - padding: var(--spacing-01); - } - .review-panel-resolved-comment { background-color: var(--white); border-radius: var(--border-radius-base); @@ -292,6 +286,10 @@ display: flex; flex-direction: column; gap: var(--spacing-04); + + .btn-inline-link { + font-size: 12px; + } } .review-panel-resolved-comment-header { @@ -342,6 +340,7 @@ } .review-panel-resolved-comment-quoted-text-quote { + color: var(--content-primary); overflow-wrap: anywhere; font-size: var(--font-size-02); }