fix(OnyxIconButton): display inline by default (#1152)

Display the icon button inline by default to align with the `OnyxButton`. This simplifies the layout then an icon button is placed next to text.
SchwarzIT · May 23, 2024 · 2e93902 · 2e93902
1 parent 1eab968
commit 2e93902
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/mighty-kiwis-watch.md b/.changeset/mighty-kiwis-watch.md
@@ -0,0 +1,8 @@
+---
+"sit-onyx": patch
+---
+
+fix(OnyxIconButton): display inline by default
+
+Display the icon button inline by default to align with the `OnyxButton`.
+This simplifies the layout then an icon button is placed next to text.
diff --git a/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue b/packages/sit-onyx/src/components/OnyxIconButton/OnyxIconButton.vue
@@ -81,7 +81,7 @@ const emit = defineEmits<{
     --icon-button-bg-color: transparent;
     --icon-button-cursor: pointer;
 
-    display: grid;
+    display: inline-grid;
     place-items: center;
     padding: var(--onyx-icon-button-padding);
     color: var(--icon-button-color);