diff --git a/src/blocks/YFM/YFM.tsx b/src/blocks/YFM/YFM.tsx index 22693cf..ebb2604 100644 --- a/src/blocks/YFM/YFM.tsx +++ b/src/blocks/YFM/YFM.tsx @@ -28,7 +28,7 @@ export const YFM = (props: YFMProps) => { blog: true, resetPaddings: true, }} - className={b({'no-list-reset': true})} + contentClassName={b({'no-list-reset': true})} /> ); diff --git a/src/components/PostCard/PostCard.scss b/src/components/PostCard/PostCard.scss index 3099172..9465eeb 100644 --- a/src/components/PostCard/PostCard.scss +++ b/src/components/PostCard/PostCard.scss @@ -36,14 +36,18 @@ $block: '.#{$namespace}post-card'; } &__title { - margin-bottom: $indentXXXS; - &_size_s { - @include heading4(); + @include add-specificity(&) { + @include heading4(); + margin-bottom: $indentXXXS; + } } &_size_m { - @include heading2(); + @include add-specificity(&) { + @include heading2(); + margin-bottom: $indentXXXS; + } } } diff --git a/src/components/PostCard/PostCard.tsx b/src/components/PostCard/PostCard.tsx index c59420c..0ddd8b0 100644 --- a/src/components/PostCard/PostCard.tsx +++ b/src/components/PostCard/PostCard.tsx @@ -1,5 +1,5 @@ import React, {useContext, useMemo} from 'react'; -import {AnalyticsEventsProp, CardBase, HTML, YFMWrapper} from '@gravity-ui/page-constructor'; +import {AnalyticsEventsProp, CardBase, YFMWrapper} from '@gravity-ui/page-constructor'; import {useUniqId} from '@gravity-ui/uikit'; import {LikesContext} from '../../contexts/LikesContext'; @@ -91,17 +91,21 @@ export const PostCard = ({ {tags[0].name} )} - {title && - React.createElement( - titleHeadingLevel, - {className: b('title', {size})}, - - {title} - , - )} + {title && ( + + )} {description && (