fix(#2162): accordion padding for right and left icon position

GovAlta · Oct 29, 2024 · f299bb9 · f299bb9
1 parent 73d7625
commit f299bb9
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/libs/web-components/src/components/accordion/Accordion.svelte b/libs/web-components/src/components/accordion/Accordion.svelte
@@ -85,6 +85,7 @@
       on:blur={() => (_hovering = false)}
       aria-controls={`${_accordionId}-content`}
       aria-expanded={open === "true"}
+      class:iconRight={iconposition === "right"}
     >
 
       {#if iconposition === "left"}
@@ -156,7 +157,7 @@
 
   summary {
     min-height: 3.5rem;
-    padding: var(--goa-accordion-padding-heading);
+    padding: var(--goa-accordion-padding-heading-icon-left);
     border: var(--goa-accordion-border);
     border-radius: var(--goa-accordion-border-radius);
     background-color: var(--goa-accordion-color-bg-heading);
@@ -170,6 +171,10 @@
     position: relative;
   }
 
+  summary.iconRight {
+    padding: var(--goa-accordion-padding-heading-icon-right);
+  }
+
   summary:hover {
     background-color: var(--goa-accordion-color-bg-heading-hover);
     color: var(--goa-accordion-color-heading-hover);

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,7 +18,7 @@
   },
   "private": true,
   "devDependencies": {
-    "@abgov/design-tokens": "^1.4.1",
+    "@abgov/design-tokens": "^1.4.2",
     "@abgov/nx-release": "8.0.0",
     "@angular-devkit/build-angular": "18.2.8",
     "@angular-devkit/core": "18.1.4",