Fix design of page creation

[caleeli]

Issue & Reproduction Steps

Fix screen creation popup.

Solution

• Adjust style to match as best possible the mockups

How to Test

Create a new Page

Related Tickets & Packages

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

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.

ci:next

[cypress]

1 failed test on run #532 ↗︎

1

0

0

0

0

Details:

Fix design of page creation
Project: screen-builder	Commit: f8d33a8955
Status: Failed	Duration: 02:15 💡
Started: Feb 28, 2024 5:57 PM	Ended: Feb 28, 2024 6:00 PM

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

View Output

Test		Artifacts
Pages and navigations > Basic default value		Test Replay Screenshots

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

View Output

Test		Artifacts

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

View Output

Test		Artifacts

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

View Output

Test		Artifacts

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

View Output

Test		Artifacts

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

Review all test suite changes for PR #1549 ↗︎