PromucFlow_constructor/app/client/cypress
vadim 01d5275170
fix: WDS TextArea inner spacing (#34901)
## Description

Fixes #34584
| Before | After |
|--------|--------|
|
![before](https://github.com/user-attachments/assets/b0d58e3b-006e-49cc-af7f-5c600326caed)
|
![after](https://github.com/user-attachments/assets/935590ea-2a3b-4912-a28c-16b47ba9d83c)
|

We had [a CSS
rule](f6d62e5cdc/app/client/packages/design-system/widgets/src/styles/src/text-input.module.css (L27-L30))
that was imitating CapSize behavior.

It worked okay with regular input but had no effect on TextArea. Fixing
it to work for TextArea did not seem possible no matter what CSS rules
or additional markup I threw at it:
<details><summary>Dev tools screenshots</summary>
<p>
<table>
<tr>
<td>
<img width="1252" alt="Screenshot 2024-07-12 at 10 32 30"
src="https://github.com/user-attachments/assets/c529f8b9-b129-4358-88e1-cee59a0797a6">
</td>
<td>
<img width="1270" alt="Screenshot 2024-07-12 at 10 32 40"
src="https://github.com/user-attachments/assets/52cc122e-cc0b-4e18-84d5-006b5ed56ef1">
</td>
</tr>
</table>
</p>
</details>

Changing the inner spacing and removing that rule achieves the desired
results: elements are neatly aligned with similar/equal paddings. See
the example with additional elements alongside TextInput and TextArea
that verifies that vertical alignment is consistent:

![after-extras](https://github.com/user-attachments/assets/8fa7e867-22a8-4790-a0fc-daf76ccd5dbc)

## 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/9906310028>
> Commit: 0c83d24dd5247ac962f2b73baefb734471e1c3b0
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=9906310028&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Anvil`
> Spec:
> <hr>Fri, 12 Jul 2024 10:43:05 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 vertical padding for text input fields to improve spacing and
visual clarity.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2024-07-22 11:15:17 +03:00
..
e2e fix: expose isVisible field in JSONFom widget autocomplete (#34869) 2024-07-17 10:54:23 +05:30
fixtures test: Updated file name for remove duplicate (#34821) 2024-07-12 10:07:17 +05:30
locators fix: replaced all edit name with Rename (#34570) 2024-07-17 08:49:44 +05:30
patches
plugins chore: cypress snapshot types (#34722) 2024-07-09 12:06:59 +03:00
scripts chore: Update Postgres port for TED in CI (#34430) 2024-06-25 10:35:15 +05:30
snapshots fix: WDS TextArea inner spacing (#34901) 2024-07-22 11:15:17 +03:00
support chore: WDS outline buttons color adjustment (#34615) 2024-07-22 11:14:43 +03:00
.eslintrc.json chore:add eslint rules (#27878) 2023-10-09 16:54:06 +03:00
apply-patches.js chore: move local dependency to packages (#23395) 2023-05-22 15:55:46 +03:00
Dockerfile test: upgraded cypress to 13.13.0 (#34861) 2024-07-16 10:12:52 +05:30
index.ts test: Cypress | Cy 12 upgrade + Flaky fixes (#23852) 2023-06-15 18:51:11 +05:30
init-mssql-dump-for-test.sql
init-mysql-dump-for-test.sql feat: [epic] appsmith design system version 2 deduplication (#22030) 2023-05-20 00:07:06 +05:30
init-pg-dump-for-test.sql
limited-tests.txt feat: constrained diff between states (#31847) 2024-03-27 14:37:46 +05:30
setup-test-ci.sh chore: Logs and potential fix for CI startup flakiness (#34461) 2024-06-25 14:03:56 +05:30
tags.js ci: To improve readability sorted tags in tags.js (#34452) 2024-06-25 05:47:34 +00:00
test.sh feat: Bundle optimization and first load improvements (#21667) 2023-05-11 10:56:03 +05:30
tsconfig.json chore: add strict-boolean-expressions rule (#27852) 2023-10-06 16:05:32 +03:00
xataadd.sh
xatadel.sh