chore: Adjust WDS small button size (#39723)
## Description Fixes #39719 | Before | After | |--------|--------| | <img width="249" alt="Screenshot 2025-03-13 at 14 00 36" src="https://github.com/user-attachments/assets/76a104d5-9348-47d4-8bf0-f307d281018b" /> | <img width="225" alt="Screenshot 2025-03-13 at 13 58 51" src="https://github.com/user-attachments/assets/590e7e9b-9d4f-47b3-a00e-6e07b84e916e" /> | | <img width="683" alt="Screenshot 2025-03-13 at 13 53 55" src="https://github.com/user-attachments/assets/c3a8972c-a961-4067-bd73-33e59bd1ec90" /> | <img width="687" alt="Screenshot 2025-03-13 at 13 53 19" src="https://github.com/user-attachments/assets/9168763a-9e1b-414e-a24e-85efaedd2136" /> | | <img width="686" alt="Screenshot 2025-03-13 at 13 55 10" src="https://github.com/user-attachments/assets/2f857c99-9265-4f52-9bdc-5aec4ce45b11" /> | <img width="680" alt="Screenshot 2025-03-13 at 13 54 53" src="https://github.com/user-attachments/assets/681f7300-9fe4-4681-b9f3-546e82dd4cc2" /> | ## Automation /ok-to-test tags="@tag.Anvil" ### 🔍 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/13835401093> > Commit: 9baacc60c99c2f8b6b8664af6842d18c6e75f8e6 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13835401093&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.Anvil` > Spec: > <hr>Thu, 13 Mar 2025 13:33: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** - Updated small button styling to increase padding, enhancing visual spacing. - Adjusted layout in input groups by reducing the margin at the end of input suffixes. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
parent
4969006907
commit
01a054ac1f
|
|
@ -233,8 +233,8 @@
|
|||
}
|
||||
|
||||
&[data-size="small"] {
|
||||
padding-inline: var(--inner-spacing-1);
|
||||
padding-block: var(--inner-spacing-1);
|
||||
padding-inline: var(--inner-spacing-2);
|
||||
padding-block: var(--inner-spacing-2);
|
||||
}
|
||||
|
||||
&[data-size="small"]:has([data-icon]):has([data-text]) {
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
}
|
||||
|
||||
.inputGroup [data-input-suffix] {
|
||||
margin-inline-end: var(--inner-spacing-2);
|
||||
margin-inline-end: var(--inner-spacing-1);
|
||||
}
|
||||
|
||||
.inputGroup:has(.input[data-size="small"]) [data-input-suffix] {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user