From 278f98acca5919eaf11b08ad1655044d89cd0888 Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Fri, 24 Oct 2025 11:03:31 -0400 Subject: [PATCH 1/4] feat(MessageSnippets): added high contrast --- packages/module/src/Message/TableMessage/TableMessage.scss | 3 ++- packages/module/src/Message/TextMessage/TextMessage.scss | 6 ++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/module/src/Message/TableMessage/TableMessage.scss b/packages/module/src/Message/TableMessage/TableMessage.scss index 8f0583448..16a4fba0f 100644 --- a/packages/module/src/Message/TableMessage/TableMessage.scss +++ b/packages/module/src/Message/TableMessage/TableMessage.scss @@ -1,7 +1,8 @@ .pf-chatbot__message-table { border-radius: var(--pf-t--global--border--radius--small); --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important; - --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important; + border: var(--pf-t--global--border--width--high-contrast--regular) solid + var(--pf-t--global--border--color--high-contrast) !important; padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg); &.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type { diff --git a/packages/module/src/Message/TextMessage/TextMessage.scss b/packages/module/src/Message/TextMessage/TextMessage.scss index b93e9405e..f84332ce9 100644 --- a/packages/module/src/Message/TextMessage/TextMessage.scss +++ b/packages/module/src/Message/TextMessage/TextMessage.scss @@ -102,6 +102,12 @@ li[id*='user-content-fn-']:has(> span > span > .pf-chatbot__message-text + .pf-c } } + .footnotes { + blockquote { + border-inline-start-color: var(--pf-t--global--border--color--alt); + } + } + .pf-chatbot__message-text > .pf-chatbot__message-text { background-color: initial; padding: initial; From 9f3bbc055d949cc7dc2bf61758452e982d90ae3a Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Mon, 27 Oct 2025 14:18:06 -0400 Subject: [PATCH 2/4] Updated blockquote and inline code --- .../src/Message/CodeBlockMessage/CodeBlockMessage.scss | 8 ++++++++ packages/module/src/Message/TextMessage/TextMessage.scss | 6 ++---- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss index e6033c3ca..bf217e5d3 100644 --- a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss +++ b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss @@ -79,8 +79,16 @@ .pf-chatbot__message-inline-code { --pf-chatbot-message-text-inline-code-font-size: var(--pf-t--global--font--size--body--default); + background-color: var(--pf-t--global--background--color--tertiary--default); font-size: var(--pf-chatbot-message-text-inline-code-font-size); + border: var(--pf-t--global--border--width--high-contrast--regular) solid + var(--pf-t--global--border--color--high-contrast); + border-radius: var(--pf-t--global--border--radius--small); + padding-block-start: var(--pf-t--global--spacer--sm); + padding-block-end: var(--pf-t--global--spacer--sm); + padding-inline-start: var(--pf-t--global--spacer--sm); + padding-inline-end: var(--pf-t--global--spacer--sm); &.pf-m-primary { background-color: var(--pf-t--global--background--color--secondary--default); diff --git a/packages/module/src/Message/TextMessage/TextMessage.scss b/packages/module/src/Message/TextMessage/TextMessage.scss index f84332ce9..df022f907 100644 --- a/packages/module/src/Message/TextMessage/TextMessage.scss +++ b/packages/module/src/Message/TextMessage/TextMessage.scss @@ -102,10 +102,8 @@ li[id*='user-content-fn-']:has(> span > span > .pf-chatbot__message-text + .pf-c } } - .footnotes { - blockquote { - border-inline-start-color: var(--pf-t--global--border--color--alt); - } + blockquote { + border-inline-start-color: var(--pf-t--global--border--color--alt); } .pf-chatbot__message-text > .pf-chatbot__message-text { From 498d06e3ab7a11b2750a4d32880c0078993d52f6 Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Fri, 14 Nov 2025 14:33:39 -0500 Subject: [PATCH 3/4] Used xs padding inline --- .../module/src/Message/CodeBlockMessage/CodeBlockMessage.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss index bf217e5d3..115d7bc51 100644 --- a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss +++ b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss @@ -87,8 +87,8 @@ border-radius: var(--pf-t--global--border--radius--small); padding-block-start: var(--pf-t--global--spacer--sm); padding-block-end: var(--pf-t--global--spacer--sm); - padding-inline-start: var(--pf-t--global--spacer--sm); - padding-inline-end: var(--pf-t--global--spacer--sm); + padding-inline-start: var(--pf-t--global--spacer--xs); + padding-inline-end: var(--pf-t--global--spacer--xs); &.pf-m-primary { background-color: var(--pf-t--global--background--color--secondary--default); From 32339426995c123a7b39a2a2386c495993fb60e2 Mon Sep 17 00:00:00 2001 From: Eric Olkowski Date: Fri, 14 Nov 2025 15:38:14 -0500 Subject: [PATCH 4/4] To the block now yall --- .../module/src/Message/CodeBlockMessage/CodeBlockMessage.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss index 115d7bc51..1c7a905eb 100644 --- a/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss +++ b/packages/module/src/Message/CodeBlockMessage/CodeBlockMessage.scss @@ -85,8 +85,8 @@ border: var(--pf-t--global--border--width--high-contrast--regular) solid var(--pf-t--global--border--color--high-contrast); border-radius: var(--pf-t--global--border--radius--small); - padding-block-start: var(--pf-t--global--spacer--sm); - padding-block-end: var(--pf-t--global--spacer--sm); + padding-block-start: var(--pf-t--global--spacer--xs); + padding-block-end: var(--pf-t--global--spacer--xs); padding-inline-start: var(--pf-t--global--spacer--xs); padding-inline-end: var(--pf-t--global--spacer--xs);