FOUR-14227: Design in modal to edit pages is not the same with mockup

[rodriquelca]

Issue & Reproduction Steps

Expected behavior:
The subtitle should appear in the modal Edit pages
The height of the rows must be the same

Actual behavior:
Subtitle does not appear in modal Edit pages
The height of the rows is not the same

Solution

• subtitle component was added
• height was adjusted

How to Test

Test the steps above

Open any screen
Go to menu dropdown
Click on See all pages

Related Tickets & Packages

• https://processmaker.atlassian.net/browse/FOUR-14227

Code Review Checklist

• I have pulled this code locally and tested it on my instance, along with any associated packages.
• This code adheres to ProcessMaker Coding Guidelines.
• This code includes a unit test or an E2E test that tests its functionality, or is covered by an existing test.
• This solution fixes the bug reported in the original ticket.
• This solution does not alter the expected output of a component in a way that would break existing Processes.
• This solution does not implement any breaking changes that would invalidate documentation or cause existing Processes to fail.
• This solution has been tested with enterprise packages that rely on its functionality and does not introduce bugs in those packages.
• This code does not duplicate functionality that already exists in the framework or in ProcessMaker.
• This ticket conforms to the PRD associated with this part of ProcessMaker.

[cypress]

1 failed test on run #514 ↗︎

1

51

13

0

0

Details:

FOUR-14227: Design in modal to edit pages is not the same with mockup
Project: screen-builder	Commit: 3eab500713
Status: Failed	Duration: 03:09 💡
Started: Feb 27, 2024 2:57 PM	Ended: Feb 27, 2024 3:00 PM

  FOUR6788_ScreenPerformanceTests.spec.js • 1 failed test • CI - Chrome

View Output

Test		Artifacts
FOUR-6788 screen performance > Verify FOUR-6788 screen performance: select list, rich text		Test Replay Screenshots

  ValidationRules.spec.js • 0 failed tests • CI - Chrome

View Output

Test		Artifacts

  FormSelectList.spec.js • 0 failed tests • CI - Chrome

View Output

Test		Artifacts

  ComplexScreen.spec.js • 0 failed tests • CI - Chrome

View Output

Test		Artifacts

  FormInput.spec.js • 0 failed tests • CI - Chrome

View Output

Test		Artifacts

The first 5 failed specs are shown, see all 76 specs in Cypress Cloud.

Review all test suite changes for PR #1548 ↗︎