microsoft / rushstack-websites

Doc content for the Rush Stack websites.
Creative Commons Attribution 4.0 International
23 stars 69 forks source link

Header Elements Misaligned on Mobile View and Company Names in "Who's using Rush?" Section Not Visible in Dark Mode #205

Open Aribaskar-jb opened 9 months ago

Aribaskar-jb commented 9 months ago

Issue: Header Elements Misaligned on Mobile View

Problem Description

When viewing the rushjs.io website on a mobile device, the elements in the header are not properly centered. Specifically, one button is on the left, and another button is on the right, causing a misalignment issue.

Expected Behavior

The header elements should be centered horizontally on the mobile view, providing a more balanced and visually appealing layout.

Steps to Reproduce

  1. Open a web browser on a mobile device.
  2. Navigate to the rushjs.io website.
  3. Observe that the header elements, such as buttons, are not centered, with one button on the left and another on the right.

Header Not Responsive

Issue: Company Names in "Who's using Rush?" Section Not Visible in Dark Mode

Problem Description

In dark mode, the company names listed in the "Who's using Rush?" section are displayed in black, making them nearly impossible to read against the dark background.

Expected Behavior

Company names should be displayed with a legible and contrasting color in both light and dark modes to ensure accessibility and readability.

Steps to Reproduce

  1. Enable dark mode in your browser or on the website (if available).
  2. Visit the Rush documentation or relevant web page.
  3. Scroll down to the "Who's using Rush?" section.
  4. Observe that the company names are displayed in black text.

Company Names in Dark Mode