From a565ec791452696f3b62470fa6dfb58c1a9d263a Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Fri, 13 Jun 2025 10:33:32 -0400 Subject: [PATCH] docs(accordion): update demos to always set accordion to 300px wide --- .../usage/v7/accordion/accessibility/animations/demo.html | 6 ++++++ static/usage/v7/accordion/basic/demo.html | 6 ++++++ .../customization/advanced-expansion-styles/demo.html | 7 +------ .../v7/accordion/customization/expansion-styles/demo.html | 6 ++++++ static/usage/v7/accordion/customization/icons/demo.html | 6 ++++++ static/usage/v7/accordion/customization/theming/demo.html | 4 ++++ static/usage/v7/accordion/disable/group/demo.html | 6 ++++++ static/usage/v7/accordion/disable/individual/demo.html | 6 ++++++ static/usage/v7/accordion/listen-changes/demo.html | 6 ++++++ static/usage/v7/accordion/multiple/demo.html | 6 ++++++ static/usage/v7/accordion/readonly/group/demo.html | 6 ++++++ static/usage/v7/accordion/readonly/individual/demo.html | 6 ++++++ static/usage/v7/accordion/toggle/demo.html | 4 ++++ .../usage/v8/accordion/accessibility/animations/demo.html | 6 ++++++ static/usage/v8/accordion/basic/demo.html | 6 ++++++ .../customization/advanced-expansion-styles/demo.html | 7 +------ .../v8/accordion/customization/expansion-styles/demo.html | 6 ++++++ static/usage/v8/accordion/customization/icons/demo.html | 6 ++++++ static/usage/v8/accordion/customization/theming/demo.html | 4 ++++ static/usage/v8/accordion/disable/group/demo.html | 6 ++++++ static/usage/v8/accordion/disable/individual/demo.html | 6 ++++++ static/usage/v8/accordion/listen-changes/demo.html | 6 ++++++ static/usage/v8/accordion/multiple/demo.html | 6 ++++++ static/usage/v8/accordion/readonly/group/demo.html | 6 ++++++ static/usage/v8/accordion/readonly/individual/demo.html | 6 ++++++ static/usage/v8/accordion/toggle/demo.html | 4 ++++ 26 files changed, 138 insertions(+), 12 deletions(-) diff --git a/static/usage/v7/accordion/accessibility/animations/demo.html b/static/usage/v7/accordion/accessibility/animations/demo.html index 04b4d2bda97..cb263bb7857 100644 --- a/static/usage/v7/accordion/accessibility/animations/demo.html +++ b/static/usage/v7/accordion/accessibility/animations/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/basic/demo.html b/static/usage/v7/accordion/basic/demo.html index f7ab1d2a04c..645f8e1b25c 100644 --- a/static/usage/v7/accordion/basic/demo.html +++ b/static/usage/v7/accordion/basic/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/customization/advanced-expansion-styles/demo.html b/static/usage/v7/accordion/customization/advanced-expansion-styles/demo.html index bcdc5f79b05..50fadd164bb 100644 --- a/static/usage/v7/accordion/customization/advanced-expansion-styles/demo.html +++ b/static/usage/v7/accordion/customization/advanced-expansion-styles/demo.html @@ -32,13 +32,8 @@ --color: var(--ion-color-primary-contrast); } - .container { - width: 300px; - margin: 0 auto; - } - ion-accordion-group { - width: 100%; + width: 300px; } diff --git a/static/usage/v7/accordion/customization/expansion-styles/demo.html b/static/usage/v7/accordion/customization/expansion-styles/demo.html index 4e17acb7cf3..e232dc2d0e7 100644 --- a/static/usage/v7/accordion/customization/expansion-styles/demo.html +++ b/static/usage/v7/accordion/customization/expansion-styles/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/customization/icons/demo.html b/static/usage/v7/accordion/customization/icons/demo.html index 62eaa539307..f716030b906 100644 --- a/static/usage/v7/accordion/customization/icons/demo.html +++ b/static/usage/v7/accordion/customization/icons/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/customization/theming/demo.html b/static/usage/v7/accordion/customization/theming/demo.html index 85f35da2dde..edfa5ef147b 100644 --- a/static/usage/v7/accordion/customization/theming/demo.html +++ b/static/usage/v7/accordion/customization/theming/demo.html @@ -30,6 +30,10 @@ div[slot='content'] { background: rgba(var(--ion-color-rose-rgb), 0.25); } + + ion-accordion-group { + width: 300px; + } diff --git a/static/usage/v7/accordion/disable/group/demo.html b/static/usage/v7/accordion/disable/group/demo.html index 76ac5f87d28..59376095d09 100644 --- a/static/usage/v7/accordion/disable/group/demo.html +++ b/static/usage/v7/accordion/disable/group/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/disable/individual/demo.html b/static/usage/v7/accordion/disable/individual/demo.html index 217c0394954..01958154a67 100644 --- a/static/usage/v7/accordion/disable/individual/demo.html +++ b/static/usage/v7/accordion/disable/individual/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/listen-changes/demo.html b/static/usage/v7/accordion/listen-changes/demo.html index 583102d6942..cd32e179b23 100644 --- a/static/usage/v7/accordion/listen-changes/demo.html +++ b/static/usage/v7/accordion/listen-changes/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/multiple/demo.html b/static/usage/v7/accordion/multiple/demo.html index 641896a1175..c146810339e 100644 --- a/static/usage/v7/accordion/multiple/demo.html +++ b/static/usage/v7/accordion/multiple/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/readonly/group/demo.html b/static/usage/v7/accordion/readonly/group/demo.html index 45f2105789a..e1cff32299e 100644 --- a/static/usage/v7/accordion/readonly/group/demo.html +++ b/static/usage/v7/accordion/readonly/group/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/readonly/individual/demo.html b/static/usage/v7/accordion/readonly/individual/demo.html index 553a4c99287..ed66898d241 100644 --- a/static/usage/v7/accordion/readonly/individual/demo.html +++ b/static/usage/v7/accordion/readonly/individual/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v7/accordion/toggle/demo.html b/static/usage/v7/accordion/toggle/demo.html index 57b610b0671..b2ea8e7d3f6 100644 --- a/static/usage/v7/accordion/toggle/demo.html +++ b/static/usage/v7/accordion/toggle/demo.html @@ -12,6 +12,10 @@ .container { flex-direction: column; } + + ion-accordion-group { + width: 300px; + } diff --git a/static/usage/v8/accordion/accessibility/animations/demo.html b/static/usage/v8/accordion/accessibility/animations/demo.html index 762ea9a3200..52195c84137 100644 --- a/static/usage/v8/accordion/accessibility/animations/demo.html +++ b/static/usage/v8/accordion/accessibility/animations/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/basic/demo.html b/static/usage/v8/accordion/basic/demo.html index 483deca7b4a..74304db2f13 100644 --- a/static/usage/v8/accordion/basic/demo.html +++ b/static/usage/v8/accordion/basic/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/customization/advanced-expansion-styles/demo.html b/static/usage/v8/accordion/customization/advanced-expansion-styles/demo.html index 207c2b98d2e..6763c179b4f 100644 --- a/static/usage/v8/accordion/customization/advanced-expansion-styles/demo.html +++ b/static/usage/v8/accordion/customization/advanced-expansion-styles/demo.html @@ -32,13 +32,8 @@ --color: var(--ion-color-primary-contrast); } - .container { - width: 300px; - margin: 0 auto; - } - ion-accordion-group { - width: 100%; + width: 300px; } diff --git a/static/usage/v8/accordion/customization/expansion-styles/demo.html b/static/usage/v8/accordion/customization/expansion-styles/demo.html index 6788f4c362f..6b2d28f5cdd 100644 --- a/static/usage/v8/accordion/customization/expansion-styles/demo.html +++ b/static/usage/v8/accordion/customization/expansion-styles/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/customization/icons/demo.html b/static/usage/v8/accordion/customization/icons/demo.html index 6f473798de4..12ce6574312 100644 --- a/static/usage/v8/accordion/customization/icons/demo.html +++ b/static/usage/v8/accordion/customization/icons/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/customization/theming/demo.html b/static/usage/v8/accordion/customization/theming/demo.html index 307e06ccb2e..41f6a837634 100644 --- a/static/usage/v8/accordion/customization/theming/demo.html +++ b/static/usage/v8/accordion/customization/theming/demo.html @@ -30,6 +30,10 @@ div[slot='content'] { background: rgba(var(--ion-color-rose-rgb), 0.25); } + + ion-accordion-group { + width: 300px; + } diff --git a/static/usage/v8/accordion/disable/group/demo.html b/static/usage/v8/accordion/disable/group/demo.html index 85983eb3faa..4e609f905f6 100644 --- a/static/usage/v8/accordion/disable/group/demo.html +++ b/static/usage/v8/accordion/disable/group/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/disable/individual/demo.html b/static/usage/v8/accordion/disable/individual/demo.html index e4449f22146..00e9be13634 100644 --- a/static/usage/v8/accordion/disable/individual/demo.html +++ b/static/usage/v8/accordion/disable/individual/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/listen-changes/demo.html b/static/usage/v8/accordion/listen-changes/demo.html index b1f3391cb6c..97c1038c8f4 100644 --- a/static/usage/v8/accordion/listen-changes/demo.html +++ b/static/usage/v8/accordion/listen-changes/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/multiple/demo.html b/static/usage/v8/accordion/multiple/demo.html index 3be84f4dd61..68f01eb90c1 100644 --- a/static/usage/v8/accordion/multiple/demo.html +++ b/static/usage/v8/accordion/multiple/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/readonly/group/demo.html b/static/usage/v8/accordion/readonly/group/demo.html index f2ddccb903b..7a963be0d6b 100644 --- a/static/usage/v8/accordion/readonly/group/demo.html +++ b/static/usage/v8/accordion/readonly/group/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/readonly/individual/demo.html b/static/usage/v8/accordion/readonly/individual/demo.html index 6fb3171d90d..744ee7fb795 100644 --- a/static/usage/v8/accordion/readonly/individual/demo.html +++ b/static/usage/v8/accordion/readonly/individual/demo.html @@ -8,6 +8,12 @@ + + diff --git a/static/usage/v8/accordion/toggle/demo.html b/static/usage/v8/accordion/toggle/demo.html index 9052c2f09c3..6fca67d8ba0 100644 --- a/static/usage/v8/accordion/toggle/demo.html +++ b/static/usage/v8/accordion/toggle/demo.html @@ -12,6 +12,10 @@ .container { flex-direction: column; } + + ion-accordion-group { + width: 300px; + }