fix(Alert): fix close button width (#1542)

gravity-ui · Apr 23, 2024 · f916681 · f916681
1 parent 90f24bd
commit f916681
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Alert/Alert.scss b/src/components/Alert/Alert.scss
@@ -14,4 +14,8 @@ $block: '.#{variables.$ns}alert';
     &__actions_minContent {
         width: min-content;
     }
+
+    &__close-btn {
+        flex-shrink: 0;
+    }
 }
diff --git a/src/components/Alert/Alert.tsx b/src/components/Alert/Alert.tsx
@@ -66,6 +66,7 @@ export const Alert = (props: AlertProps) => {
                     {onClose && (
                         <Button
                             view="flat"
+                            className={bAlert('close-btn')}
                             onClick={onClose}
                             extraProps={{
                                 'aria-label': i18n('label_close'),

diff --git a/src/components/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/Alert/__snapshots__/Alert.test.tsx.snap
@@ -73,7 +73,7 @@ exports[`Alert has predicted styles if inline layout rendered 1`] = `
       </div>
       <button
         aria-label="Close"
-        class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round"
+        class="g-button g-button_view_flat g-button_size_m g-button_pin_round-round g-alert__close-btn"
         type="button"
       >
         <span