diff --git a/changelog.md b/changelog.md index 6e56cab..e3208f8 100644 --- a/changelog.md +++ b/changelog.md @@ -1,5 +1,12 @@ # Changelog +## 2025-12-18 - 1.6.1 - fix(sio-combox) +tweak dropdown shadow and bind close event on conversation selector + +- Replaced unsafeCSS(shadows.xl) with explicit box-shadow values for the combox dropdown to adjust visual appearance +- Added @close listener on to call this.close(), enabling the selector to close the combox when it emits a close event +- Affected file: ts_web/elements/sio-combox.ts + ## 2025-12-18 - 1.6.0 - feat(conversation-selector) add conversation status badges to conversation selector and include status in sample data diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts index f7bc64d..3a3e2e8 100644 --- a/ts_web/00_commitinfo_data.ts +++ b/ts_web/00_commitinfo_data.ts @@ -3,6 +3,6 @@ */ export const commitinfo = { name: '@social.io/catalog', - version: '1.6.0', + version: '1.6.1', description: 'catalog for social.io' } diff --git a/ts_web/elements/sio-combox.ts b/ts_web/elements/sio-combox.ts index dabf85d..fd06108 100644 --- a/ts_web/elements/sio-combox.ts +++ b/ts_web/elements/sio-combox.ts @@ -259,7 +259,7 @@ export class SioCombox extends DeesElement { background: ${bdTheme('background')}; border-radius: ${unsafeCSS(radius['2xl'])}; border: 1px solid ${bdTheme('border')}; - box-shadow: ${unsafeCSS(shadows.xl)}; + box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.35), 0 12px 24px -8px rgb(0 0 0 / 0.15); overflow: hidden; font-family: ${unsafeCSS(fontFamilies.sans)}; transform-origin: bottom right; @@ -401,6 +401,7 @@ export class SioCombox extends DeesElement { .conversations=${this.conversations} .selectedConversationId=${this.selectedConversationId} @conversation-selected=${this.handleConversationSelected} + @close=${() => this.close()} >