Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore: Adjust agent chat citation paddings (WDS small button with icon paddings) (#39984)

Browse Source 
## Description

Fixes #39921

| Before | After |
|--------|--------|
| <img width="391" alt="Screenshot 2025-03-31 at 13 44 21"
src="https://github.com/user-attachments/assets/a0d55fb9-8057-4cf0-a0a6-2402a4d64c78"
/> | <img width="398" alt="Screenshot 2025-03-31 at 13 43 35"
src="https://github.com/user-attachments/assets/4482a7d3-a22e-4fd4-8220-801adb2b4959"
/> |

## Automation\

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/14170879283>
> Commit: ecbb7ea12b94bd221a4ceb389936e069df1da412
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=14170879283&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Mon, 31 Mar 2025 12:35:25 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Improved the visual presentation of small buttons by refining spacing
around icons and text, ensuring a more balanced and consistent
appearance across the interface.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
vadim 2025-04-01 13:47:44 +02:00 committed by GitHub
parent 0eb5939cc9
commit cdd446217d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/packages/design-system/widgets/src/components/Button/src/styles.module.css
View File

@ -248,23 +248,23 @@
&[data-icon-position="start"][data-size="small"]:has([data-icon]):has(
[data-text]
) {
padding-inline: var(--inner-spacing-1) var(--inner-spacing-2);
padding-inline: var(--inner-spacing-1) var(--inner-spacing-3);
}
&[data-icon-position="start"][data-size="small"]
[data-content]:has([data-icon]):has([data-text]) {
padding-inline-start: calc(var(--icon-size-2) + var(--inner-spacing-1));
padding-inline-start: calc(var(--icon-size-1) + var(--inner-spacing-1));
}
&[data-icon-position="end"][data-size="small"]:has([data-icon]):has(
[data-text]
) {
padding-inline: var(--inner-spacing-2) var(--inner-spacing-1);
padding-inline: var(--inner-spacing-3) var(--inner-spacing-1);
}
&[data-icon-position="end"][data-size="small"]
[data-content]:has([data-icon]):has([data-text]) {
padding-inline-end: calc(var(--icon-size-2) + var(--inner-spacing-1));
padding-inline-end: calc(var(--icon-size-1) + var(--inner-spacing-1));
}
&[data-size="medium"] {