diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
index 7c190265d..cb328965e 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0a90207cd6cee52ba63bbdce3cee2ec6c210ed1b08c20e38831b0bec519bf038
-size 48958
+oid sha256:6f55423155721687dccbae41dd75ca68f972abb18e045eb3e431f4ecf42552cd
+size 49660
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
index a4b0e5086..8b6abb202 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9699c199cc297c19f062536766ae0a5d66d26c0df221970e29afd43750f06186
-size 50638
+oid sha256:a925ce40ad43ac815d30c7236a01975ce1e1b4f8211af4037c6821a7818b04dd
+size 51223
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
index f7062a890..d5c5d2515 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:280fb942b596d72936c4de3554947f4982dbd6db41509a5dd9f18f0532813e09
-size 56564
+oid sha256:5eaf65c5f23d735002ff08bf637afade7f1cc9ac847b683ee852f82e234edc06
+size 56775
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
index 2635ab1d0..7bfc332e6 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:147a9608e8561e83927790d2a6c19b4bb77f87049adc7face270d9300edf9ad6
-size 57545
+oid sha256:b0c7d529c54c173258d47133b823a952e5b77def959753009dd209e7f9a8bd53
+size 57833
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
index af8f85db4..2fd71e297 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c32e808c98f532f7b93bb260d2535c871957cf5078a86bdffdfdb8a9a3b548c4
-size 40345
+oid sha256:22bb1d4941c4876e35d49ceeb535901c73561aefbda1ff95d348de75af816599
+size 40316
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
index 52a4fb1dd..d84b67c85 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:266f98fe428dcf04c735cb2f21f0897b65652b762050ed6fbbd67866670ef6d5
-size 42190
+oid sha256:b56d077d4d9b7a689108cb62a1ce31b28f1e51fbc343a08e8cbfa1d6b06a9cd2
+size 42392
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
index b5f44a736..4d82c0566 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:eb01dffcf563a95adc283bea08efdc357a01d0ce79d4b5eb60d13565f97a4fd0
-size 40377
+oid sha256:20da4fb7a603103242c1d2fca9f27d905f83ecdfc9e5e6e047990b69b3db6b7e
+size 40503
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
index 84f6a0dbb..9ffab863a 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9ffc8241cf6bc94fe6c36e7f7e0252019885568b352889f01830fedd0141e1aa
-size 43047
+oid sha256:cf6663245be175baaa6184c94374d6d4187574cffa20aa9fa5f2d16888121276
+size 43250
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
index 2c53f590f..ddd382fe5 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0058960805dd849e0b555470d46cd94273d71bb4debdce063bc71c26de545027
-size 44079
+oid sha256:50bc729ed1b4232735c988bb297ed5d77c9544e5814681bc190946c1453292a3
+size 44144
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
index 18b3b6e10..a6ccca7ff 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:faf42c0ab695c240a7eb9132e934289259462527226b7019edfb231767e9a36f
-size 46601
+oid sha256:f3d5615bec2ebe0ed3365edc453631ac128fbc2ae5393e0204f061d498b9b00a
+size 46760
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
index adedf3fcb..e71fec38d 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6c25278d931246a6cdd789ed9e9dd25c3485f1af47793a1fa75e194fe48af1c6
-size 39035
+oid sha256:71d3dc11302541d759f6d67f2e77c1c409455566a6a0ff77382c32fdc4676f22
+size 39161
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
index 4816112b1..0473d8241 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:bdda27763ec55a65338b40f7d69c49376499e2443e2e28b09e91dfb69247ff89
-size 41424
+oid sha256:baee351c3eac31921bb88c56c9c3a522a538cb3a3c03f8313cf721eaa7139663
+size 41641
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
index f4f1ad911..ebe74a088 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:834310cf192df082d23f93978566dedd89ef644a587627ab8718bfc5bb03b5ae
-size 17490
+oid sha256:38577906eeabae43ab6abbd41a9ede98b4e22fdf9b81f412ffa73d39eb5ba232
+size 18239
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
index 20d1c6332..64df0dcab 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:711ff644e4ffb29172a6f426f2da1608b8170b29eadf1a640798f4a85e93c29f
-size 16891
+oid sha256:2376ff4ff48e7ba2e0e18572570c958fab3380630e960b014a861847d3919cf0
+size 17588
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
index d0afdf014..5fe465fd1 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:aff365e7a9f91b10d3d17266a78cc5c7af4e947d4442434e3048691325a94aa5
-size 53848
+oid sha256:3805a3b1e134af4607952fd8ce7a72bf7c0b4d91a82f37f5efa9b198f02c5ab9
+size 53919
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
index 0863753ef..ff24280fc 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e3701033b169adf23320444c1da63c42affbef8e4ca13d86890d99cf2a082ed7
-size 51041
+oid sha256:504fb1003bc66b83bfdc5b5ae390ee2b3aa5c99f0afa0fe6c10934072758af4c
+size 51235
diff --git a/projects/element-ng/accordion/si-collapsible-panel.component.html b/projects/element-ng/accordion/si-collapsible-panel.component.html
index 72a13745d..d29475cfa 100644
--- a/projects/element-ng/accordion/si-collapsible-panel.component.html
+++ b/projects/element-ng/accordion/si-collapsible-panel.component.html
@@ -7,6 +7,7 @@
[id]="headerId"
[class.open]="opened()"
[class.disabled]="disabled()"
+ [class.mb-4]="hcollapsed()"
[attr.aria-expanded]="opened() && !hcollapsed()"
[attr.aria-disabled]="disabled()"
[attr.aria-controls]="controlId"
@@ -16,7 +17,11 @@
>
@let headerIcon = icon();
@if (headerIcon) {
-
+
}
@if (icon() && badge() !== undefined && badge() !== '') {
diff --git a/projects/element-ng/side-panel/si-side-panel-content.component.html b/projects/element-ng/side-panel/si-side-panel-content.component.html
index a96326285..a23497976 100644
--- a/projects/element-ng/side-panel/si-side-panel-content.component.html
+++ b/projects/element-ng/side-panel/si-side-panel-content.component.html
@@ -103,9 +103,9 @@
[isDisabled]="!isCollapsed()"
[siLink]="dp"
>
-
+
@if (dp.overlayIcon) {
-
+
}
{{ dp.title | translate }}