feat: align React online-board start page styling with Angular version

Browse Source

- Updated feature card grid from CSS Grid to Flexbox (2x2 layout with 50% width)
- Added background image and title icon SVGs for visual parity
- Changed card title colors from dark gray to blue (#0066cc) matching Angular links
- Fixed padding and spacing to match Angular (50px sections, 65px icon offset)
- Added data-testid attributes for E2E testing
- Created comprehensive visual design alignment report documenting changes

...

This commit is contained in:

gnezim

2026-04-06 02:26:51 +03:00

parent f6c126a804

commit 1a3256147a

62 changed files with 2738 additions and 9 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

e2e/cypress/screenshots/base.spec.ts/Feature [Feature Name] -- Scenario User interaction -- should perform action and verify result (failed).png

BIN

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 195 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Arrival Cities -- should filter by single arrival city (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 575 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Arrival Cities -- should validate arrival city not same as departure (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 589 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Departure Cities -- should filter by single departure city (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 578 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Departure Cities -- should select departure from autocomplete (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 578 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Departure Cities -- should show autocomplete suggestions for departure (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 573 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Departure Cities -- should validate departure city input (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 594 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Passenger Count -- should add children passengers (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 610 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Passenger Count -- should add infant passengers (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 610 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Passenger Count -- should add multiple adult passengers (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 613 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Filter - Passenger Count -- should select single adult passenger (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 585 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Happy Path - Search Functionality -- should clear search filters (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 579 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Happy Path - Search Functionality -- should perform search with all filters applied (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 578 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Happy Path - Search Functionality -- should search flights by arrival city (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 570 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Happy Path - Search Functionality -- should search flights by departure city (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 586 KiB

e2e/cypress/screenshots/search-filter.cy.ts/Online Board - Search & Filter -- Happy Path - Search Functionality -- should search flights with round trip dates (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 589 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Accessibility - Tab Navigation -- should announce active tab to screen readers (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 560 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Accessibility - Tab Navigation -- should have proper tab roles (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 562 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Accessibility - Tab Navigation -- should support keyboard navigation (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 556 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Edge Cases - Tab Behavior -- should handle empty departure flights (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 579 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Edge Cases - Tab Behavior -- should handle tab switching with pending requests (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 574 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Edge Cases - Tab Behavior -- should preserve tab selection on page refresh (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 344 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Edge Cases - Tab Behavior -- should restore tab state after error (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 575 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Edge Cases - Tab Behavior -- should scroll to top when switching tabs (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 571 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Tab Switching with Sorting -- should apply different sorts to each tab (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 554 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Tab Switching with Sorting -- should maintain sort order when switching tabs (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 557 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Tab Switching with Sorting -- should refresh flight list when tab changes (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 549 KiB

e2e/cypress/screenshots/tabs.cy.ts/Online Board - ArrivalDeparture Tabs -- Tab UI Elements -- should show tab indicator line (failed).png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 579 KiB