promo ui updates

[warrensplayer]

Updates to Promo UI to align better with designs

• Pulled more recent SVG from Figma for record-guide.svg that has a width/height ratio that matches the other images
  • Exported SVG has a drop shadow that causes the SVG to be bigger to contain the shadow. Added negative margins and fixed height wrapper with overflow to allow for the shadow.
• Used hardcoded widths for 2 column grid to keep images from resizing (could perhaps push those widths down to the content, but did not do that)
  • It now changes at the xl breakpoint to make sure the 2 columns have enough width
• Refactoring PromoAction to not fight with the Button styles so much
• moved shadow style to utility class

[mike-plummer]

The fixed pixel widths make me 😢 , but I guess it's necessary to match the designs.

[cypress]

4 failed and 28 flaky tests on run #46181 ↗︎

4

27292

1307

0

28

Details:

promo ui updates
Project: cypress	Commit: b4e7fd63fe
Status: Failed	Duration: 20:40 💡
Started: May 11, 2023 8:10 PM	Ended: May 11, 2023 8:31 PM

  e2e/origin/commands/waiting.cy.ts • 1 failed test • 5x-driver-electron

View Output Video

Test		Artifacts
cy.origin waiting > alias > waits for the route alias to have a response		Output Video

  e2e/origin/user_agent_override.cy.ts • 1 failed test • 5x-driver-electron

View Output Video

Test		Artifacts
user agent override > persists modified user agent after cy.go		Output Video

  runs.cy.ts • 2 failed tests • app-e2e

View Output Video

Test		Artifacts
App: Runs > Runs - No Runs > displays how to record prompt when connected and no runs in Component Testing		Output Screenshots Video
App: Runs > Runs - No Runs > displays how to record prompt when connected and no runs in E2E		Output Screenshots Video

  cypress/e2e/commands/net_stubbing.cy.ts • 1 flaky test • 5x-driver-firefox

View Output Video

Test		Artifacts
network stubbing > intercepting request > can delay and throttle a StaticResponse		Output

  cypress/e2e/e2e/origin/commands/assertions.cy.ts • 1 flaky test • 5x-driver-firefox

View Output Video

Test		Artifacts
cy.origin assertions > #consoleProps > .should() and .and()		Output

  cypress/e2e/cypress/cypress.cy.js • 3 flaky tests • 5x-driver-firefox

View Output Video

Test		Artifacts
... > correctly returns currentRetry		Output
... > correctly returns currentRetry		Output
... > correctly returns currentRetry		Output

  src/debug/DebugSpec.cy.tsx • 1 flaky test • app-ct

View Output Video

Test		Artifacts
with multiple test results > mounts correctly for single groups		Output Video

  cypress/e2e/cypress/cypress.cy.js • 3 flaky tests • 5x-driver-electron

View Output Video

Test		Artifacts
... > correctly returns currentRetry		Output Video
... > correctly returns currentRetry		Output Video
... > correctly returns currentRetry		Output Video

The first 5 flaky specs are shown, see all 15 specs in Cypress Cloud.

_{This comment has been generated by cypress-bot as a result of this project's GitHub integration settings.}