Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Adjust companion to new designs #3650

Merged
merged 10 commits into from
Feb 6, 2025

Conversation

chriskari
Copy link
Contributor

@chriskari chriskari commented Jan 31, 2025

Description

Changes proposed in this pull request:

  • added disclaimer to chat input
  • changed input to textarea
  • adjusted colors and margins of Messages & Suggestion-Bubbles
  • put ErrorMessage component inside of a Card
  • removed Tabs component from Chat

Related issue(s)
Closes #3601

Definition of done

  • The PR's title starts with one of the following prefixes:
    • feat: A new feature
    • fix: A bug fix
    • docs: Documentation only changes
    • refactor: A code change that neither fixes a bug nor adds a feature
    • test: Adding tests
    • chore: Maintainance changes to the build process or auxiliary tools, libraries, workflows, etc.
  • Related issues are linked. To link internal trackers, use the issue IDs like backlog#4567
  • Explain clearly why you created the PR and what changes it introduces
  • All necessary steps are delivered, for example, tests, documentation, merging

@kyma-bot kyma-bot added cla: yes Indicates the PR's author has signed the CLA. size/L Denotes a PR that changes 100-499 lines, ignoring generated files. labels Jan 31, 2025
@chriskari chriskari changed the title feat: Adjust first components to new designs feat: Adjust companion to new designs Jan 31, 2025
@kyma-bot kyma-bot added size/XL Denotes a PR that changes 500-999 lines, ignoring generated files. and removed size/L Denotes a PR that changes 100-499 lines, ignoring generated files. labels Feb 5, 2025
Comment on lines 17 to 25
// --sapNeutralColor
background-color: rgba(#788fa6, 0.2);
border-radius: 8px 8px 8px 0;
}

.right-aligned {
align-self: flex-end;
background-color: var(--sapContent_Illustrative_Color1);
// --sapContent_Illustrative_Color1
background-color: rgba(#5d36ff, 0.2);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why can't we use the variables?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Directly applying opacity to the ui5 defined color is not possible, because this only works for rgb colors and ui5 colors are defined in hexadecimal. Also I couldn't apply opacity to the element as this affects all of its children as well. But I just checked again and found another approach that directly uses the color, so thanks for leaving this comment and you can have a look again 😄

OliwiaGowor
OliwiaGowor previously approved these changes Feb 6, 2025
@kyma-bot kyma-bot added the lgtm Looks good to me! label Feb 6, 2025
@@ -761,7 +761,8 @@ kyma-companion:
subtitle: A temporary interruption occured. Please try again.
introduction1: Hello there,
introduction2: How can I help you?
placeholder: Type something
placeholder: Message Joule
disclaimer: Joule is powered by generative AI and all output should be reviewed before use. Please do not enter any sensitive personal data, and avoid entering any other personal data you do not wish to be processed.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
disclaimer: Joule is powered by generative AI and all output should be reviewed before use. Please do not enter any sensitive personal data, and avoid entering any other personal data you do not wish to be processed.
disclaimer: Joule is powered by generative AI, and the output must be reviewed before use. Do not enter any sensitive personal data, and avoid entering any other data you do not wish to be processed.

@kyma-bot kyma-bot removed the lgtm Looks good to me! label Feb 6, 2025
@kyma-bot kyma-bot added the lgtm Looks good to me! label Feb 6, 2025
@chriskari chriskari merged commit 127a1e0 into kyma-project:main Feb 6, 2025
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
cla: yes Indicates the PR's author has signed the CLA. lgtm Looks good to me! size/XL Denotes a PR that changes 500-999 lines, ignoring generated files.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Adjust Kyma Companion UI to align with designs
4 participants