fix: added a span to add-reaction-button

gravity-ui · Aug 12, 2024 · 29f706c · 29f706c
1 parent e3bd90f
commit 29f706c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/components/Reactions/Reactions.scss b/src/components/Reactions/Reactions.scss
@@ -3,7 +3,7 @@
 $block: '.#{variables.$ns}reactions';
 
 #{$block} {
-    &__reaction-button_add-button {
+    &__add-reaction-button-content {
         color: var(--g-color-text-secondary);
     }
 

diff --git a/src/components/Reactions/Reactions.tsx b/src/components/Reactions/Reactions.tsx
@@ -157,14 +157,16 @@ export function Reactions({
                         autoFocus
                     >
                         <Button
-                            className={b('reaction-button', {size, 'add-button': true})}
+                            className={b('reaction-button')}
                             size={size}
                             extraProps={{'aria-label': i18n('add-reaction')}}
                             view="flat"
                         >
-                            <Button.Icon>
-                                <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
-                            </Button.Icon>
+                            <span className={b('add-reaction-button-content')}>
+                                <Button.Icon>
+                                    <Icon data={FaceSmile} size={buttonSizeToIconSize[size]} />
+                                </Button.Icon>
+                            </span>
                         </Button>
                     </Popover>
                 )}