From 30b8cabfafeabbcd387a0aee5262ab489529f44a Mon Sep 17 00:00:00 2001 From: Pavel Kovirshin <45898580+PahaN47@users.noreply.github.com> Date: Thu, 8 Aug 2024 17:59:54 +0300 Subject: [PATCH] fix: feature icons a11y (#974) * fix: feature icons a11y * fix: no icon wrap with no icon --- src/blocks/ExtendedFeatures/ExtendedFeatures.scss | 5 ++++- src/blocks/ExtendedFeatures/ExtendedFeatures.tsx | 6 +++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss index 5478ec47c..03af22206 100644 --- a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss +++ b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss @@ -69,7 +69,10 @@ $block: '.#{$ns}ExtendedFeaturesBlock'; @include icon(); display: block; - margin-bottom: $indentXXS; + + &-wrap { + margin-bottom: $indentXXS; + } } @media (max-width: map-get($gridBreakpoints, 'sm')) { diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx index a8a4527c7..f9ad4ab4b 100644 --- a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx +++ b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx @@ -57,7 +57,11 @@ export const ExtendedFeaturesBlock = ({ return ( - {iconData && } + {iconData && ( +
+ +
+ )}
{itemTitle && React.createElement(