fix(IconButton): add fit-content (#6440)

- Fixes #6057
VKCOM · Jan 24, 2024 · fdab21d · fdab21d
1 parent fa7dd65
commit fdab21d
Show file tree

Hide file tree

Showing 12 changed files with 25 additions and 20 deletions.
diff --git a/packages/vkui/src/components/IconButton/IconButton.e2e-playground.tsx b/packages/vkui/src/components/IconButton/IconButton.e2e-playground.tsx
@@ -22,6 +22,10 @@ export const IconButtonPlayground = (props: ComponentPlaygroundProps) => {
           ],
           $adaptivity: 'y',
         },
+        {
+          children: [<Icon28MessageOutline key="icon-w28" />],
+          href: ['https://vk.ru'],
+        },
       ]}
     >
       {(props: IconButtonProps) => (

diff --git a/packages/vkui/src/components/IconButton/IconButton.module.css b/packages/vkui/src/components/IconButton/IconButton.module.css
@@ -9,6 +9,7 @@
   margin: 0;
   position: relative;
   block-size: 48px;
+  inline-size: fit-content;
 
   /**
    * Чтобы закргуление было равно половине высоты.

diff --git a/...ents/IconButton/__image_snapshots__/iconbutton-android-chromium-dark-1-snap.png b/...ents/IconButton/__image_snapshots__/iconbutton-android-chromium-dark-1-snap.png
diff --git a/...nts/IconButton/__image_snapshots__/iconbutton-android-chromium-light-1-snap.png b/...nts/IconButton/__image_snapshots__/iconbutton-android-chromium-light-1-snap.png
diff --git a/...components/IconButton/__image_snapshots__/iconbutton-ios-webkit-dark-1-snap.png b/...components/IconButton/__image_snapshots__/iconbutton-ios-webkit-dark-1-snap.png
diff --git a/...omponents/IconButton/__image_snapshots__/iconbutton-ios-webkit-light-1-snap.png b/...omponents/IconButton/__image_snapshots__/iconbutton-ios-webkit-light-1-snap.png
diff --git a/...onents/IconButton/__image_snapshots__/iconbutton-vkcom-chromium-dark-1-snap.png b/...onents/IconButton/__image_snapshots__/iconbutton-vkcom-chromium-dark-1-snap.png
diff --git a/...nents/IconButton/__image_snapshots__/iconbutton-vkcom-chromium-light-1-snap.png b/...nents/IconButton/__image_snapshots__/iconbutton-vkcom-chromium-light-1-snap.png
diff --git a/...ponents/IconButton/__image_snapshots__/iconbutton-vkcom-firefox-dark-1-snap.png b/...ponents/IconButton/__image_snapshots__/iconbutton-vkcom-firefox-dark-1-snap.png
diff --git a/...onents/IconButton/__image_snapshots__/iconbutton-vkcom-firefox-light-1-snap.png b/...onents/IconButton/__image_snapshots__/iconbutton-vkcom-firefox-light-1-snap.png
diff --git a/...mponents/IconButton/__image_snapshots__/iconbutton-vkcom-webkit-dark-1-snap.png b/...mponents/IconButton/__image_snapshots__/iconbutton-vkcom-webkit-dark-1-snap.png
diff --git a/...ponents/IconButton/__image_snapshots__/iconbutton-vkcom-webkit-light-1-snap.png b/...ponents/IconButton/__image_snapshots__/iconbutton-vkcom-webkit-light-1-snap.png