This code will:

Add a script that will check for the viewport and update the report's #headerTitle accordingly.

Add id headerTitle to <header> h1 tag.

Add checkViewportWidth to report.ejs

BREAKING CHANGE

This commit will:

- Move scanAbout component outside of main tag.

- Remove inline css flex-column from main tag.

- Nest scan content divs under a new section.

- Add media queries for max-width 600px

This commit will fix the error caused by declaring the target id (i.e. #headerTitle) before the script is called.

This commit adds:

- Display none to elements not needed on ui (ie ally-online-banner)

- Remove class z-1 to #scanAbout.

This commit will update css declaration for selectors related to #scan-about and #header.

This commit removes the inline bootstrap css and move the declarations into .compliance-summary so that certain selectors can be targeted in the mobile view media query.

This commit adds elements for mobile ui and updates the necessary inline css for desktop and mobile views.

This commit updates the css declarations for desktop and mobile views.

For commits up till b50e4eb

This commit will add the mobile ui for category selector and will add a desktop-view class to <nav> for desktop ui components.

This commit will fix the distortion of the divs under rule-item in the mobile view.

This commit will fix the report layout on ultrawide screens, the report will now stretch fully instead of having a right-side space.

This commit will fix the report layout on ultrawide screens, the report will now stretch fully instead of having a right-side space.

New file for search feature.

New file for search feature.

…ines

This commit will fix the text wrapping distortion for createElementFromString.

Core changes:

- <button> element will have three <div> to each contain rule-items-count, rule-item-description, and dropdown svg icon.

- Add dedicated css styles for rule-item-description to also make it mobile responsive.

This commit will add the onclick that calls OffCanvasSearchWarning for the search feature.

This commit changes the breakpoint to 767 to follow bootstrap values.

This commit will:

- Remove unnecessary attributes and classes from header tag.

- Add css styles to header tag

This commit will change the layout for wcagCompliance card and top5 card:

- New class for card containers on <main>

- Layout changes on wcagCompliance ejs file

- New css styles for wcagCompliance card