Implemented the lateral expansion of the area-box in the forms (creat…

[LayonRibeiro]

Description

Currently, the expansion of the textarea field in the quota tariff creation and update forms is limited to vertical growth. This can make the experience unsatisfactory for entering larger texts, as the field does not expand horizontally, which can hinder the visualization and editing of the content.

Changes have been made to the UI to allow the textarea to expand in both directions (vertical and horizontal).

Types of changes

• [ ] Breaking change (fix or feature that would cause existing functionality to change)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Bug fix (non-breaking change which fixes an issue)
• [x] Enhancement (improves an existing feature and functionality)
• [ ] Cleanup (Code refactoring and cleanup, that may add test cases)
• [ ] build/CI
• [ ] test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• [ ] Major
• [x] Minor

Bug Severity

• [ ] BLOCKER
• [ ] Critical
• [ ] Major
• [ ] Minor
• [x] Trivial

Screenshots (if appropriate):

How Has This Been Tested?

1- Accessed the create form and update form for quota tariff. 2- Verified that the textarea fields now expand horizontally as well as vertically. 3- Ensured that the enhanced textarea functionality works as expected in different scenarios.

[DaanHoogland]

@blueorangutan ui

[blueorangutan]

@DaanHoogland a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 15.81%. Comparing base (1d4700a) to head (3a5cac7). Report is 3 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #9681 +/- ## =========================================== Coverage 15.81% 15.81% Complexity 12554 12554 =========================================== Files 5629 5629 Lines 492029 492029 Branches 62293 60003 -2290 =========================================== + Hits 77811 77813 +2 + Misses 405894 405893 -1 + Partials 8324 8323 -1 ``` | [Flag](https://app.codecov.io/gh/apache/cloudstack/pull/9681/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=apache) | Coverage Δ | | |---|---|---| | [uitests](https://app.codecov.io/gh/apache/cloudstack/pull/9681/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=apache) | `4.48% <ø> (ø)` | | | [unittests](https://app.codecov.io/gh/apache/cloudstack/pull/9681/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=apache) | `16.60% <ø> (+<0.01%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=apache#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[blueorangutan]

UI build: :heavy_check_mark: Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9681 (QA-JID-450)

[DaanHoogland]

@LayonRibeiro , your code looks good but I do not get to edit the quota tariff I am expecting. https://qa.cloudstack.cloud/simulator/pr/9681/#/quotatariff/ . I think there is another biug preventing me from testing the edit functionality. During create the text box epands on request as expected though.

[LayonRibeiro]

@DaanHoogland , I tested the expansion of the textarea in both the creation and update forms for the rates, and in both cases, I achieved success.

Create form

Edit form

[DaanHoogland]

@JoaoJandre I think this is a good to have UI bug fix...?