AlaskaAirlines / AlaskaAirlines/WebCoreStyleSheets

CSS rules on `pre` blocks causing docs site UI bug

Open Beginner friendly
#285 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

auro-wcss not-reviewed Type: Bug
Dominant language
SCSS
Stars
9
Forks
6
PR merge metrics
No merged PRs in 30d

Description

Please verify the version of auro-wcss you have installed

11.1.0

Please describe the bug
Image
Reproducing the error

This issue is reproducible on the Auro docsite

Expected behavior

Code styling looks clean and consistent with no bugs

What browsers are you seeing the problem on?

No response

Additional context

The bugs at hand:

  • pre block does not align with rendered component
  • pre block has empty space at bottom of code window as pictured
Exit criteria

Both of these UI styling issues fixed

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue on the Auro docsite and inspect the SCSS rules affecting pre blocks and rendered components. Confirm the changes remove the misalignment and empty space while keeping code styling clean and consistent, then verify both exit criteria in the docsite.

Written by the indexing model from the issue text.

Assessment

Tech stack
scss
Domain
design, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
64/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.