diff --git a/libs/chat/package.json b/libs/chat/package.json index 826123da7..4f6b98399 100644 --- a/libs/chat/package.json +++ b/libs/chat/package.json @@ -1,6 +1,6 @@ { "name": "@ngaf/chat", - "version": "0.0.5", + "version": "0.0.6", "exports": { ".": { "types": "./index.d.ts", diff --git a/libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts b/libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts index 9fd794c0a..3a1612274 100644 --- a/libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts +++ b/libs/chat/src/lib/compositions/chat-popup/chat-popup.component.ts @@ -22,6 +22,7 @@ import { CHAT_HOST_TOKENS } from '../../styles/chat-tokens'; height: 600px; max-height: calc(100vh - 6rem); background: var(--ngaf-chat-bg); + border: 1px solid var(--ngaf-chat-separator); border-radius: 0.75rem; box-shadow: 0 5px 40px rgba(0,0,0,.16); transform-origin: bottom right; diff --git a/libs/chat/src/lib/compositions/chat-sidebar/chat-sidebar.component.ts b/libs/chat/src/lib/compositions/chat-sidebar/chat-sidebar.component.ts index 4cff95c7a..5c18780e7 100644 --- a/libs/chat/src/lib/compositions/chat-sidebar/chat-sidebar.component.ts +++ b/libs/chat/src/lib/compositions/chat-sidebar/chat-sidebar.component.ts @@ -26,7 +26,8 @@ import { CHAT_HOST_TOKENS } from '../../styles/chat-tokens'; top: 0; right: 0; bottom: 0; width: 28rem; background: var(--ngaf-chat-bg); - box-shadow: -8px 0 32px rgba(0,0,0,.12); + border-left: 1px solid var(--ngaf-chat-separator); + box-shadow: -8px 0 32px rgba(0,0,0,.08); transform: translateX(100%); transition: transform 200ms ease-out; z-index: 30; diff --git a/libs/chat/src/lib/styles/chat-input.styles.ts b/libs/chat/src/lib/styles/chat-input.styles.ts index d3fb17276..dd6bec644 100644 --- a/libs/chat/src/lib/styles/chat-input.styles.ts +++ b/libs/chat/src/lib/styles/chat-input.styles.ts @@ -62,6 +62,11 @@ export const CHAT_INPUT_STYLES = ` transition: transform 200ms ease, background 200ms ease; } .chat-input__send:hover:not(:disabled) { transform: scale(1.05); } - .chat-input__send:disabled { background: var(--ngaf-chat-muted); color: var(--ngaf-chat-on-primary); cursor: not-allowed; } + .chat-input__send:disabled { + background: var(--ngaf-chat-surface-alt); + color: var(--ngaf-chat-muted); + cursor: not-allowed; + opacity: 0.7; + } .chat-input__send svg { width: 16px; height: 16px; } `;