Skip to content

[Feature Request]: detailed rounded corner control #625

@ghost

Description

The problem

We need a way to make the corners round only from bottom left and right. We are using below configuration to make the corners round. I have read the documentation but could not find anything.

Image

The solution

When I was trying couple of things at that time I found that it was working if I use below css. Is it possible to change the css ?

:host .WAC--aiTheme .WACWidget.WACWidget {
  /* border: solid 1px transparent; */
  /* background: linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box; */
  /* box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1)); */
  background: linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff)) border-box;
  box-shadow: 0 4px 10px 2px var(--cds-ai-drop-shadow, rgba(15, 98, 254, 0.1));
  background: linear-gradient(to bottom, var(--cds-ai-border-start, rgba(166, 200, 255, 0.64)), var(--cds-ai-border-end, #78a9ff));
  /* background-clip: padding-box, border-box; */
  border: 1px solid var(--cds-ai-border-start, rgba(166, 200, 255, 0.64));
  border-radius: 0px 0px 4px 4px;
  background-origin: border-box;
  background-repeat: no-repeat;
  overflow: hidden;
}

Examples

No response

Application / product

No response

Is this a blocker to using AI Chat

None

Business priority

None

If you have a specific date, when do you need this by?

No response

Additional contacts

No response

Available extra resources

No response

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    Status

    ✅ Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions