canonical / canonical/vanilla-framework

Baseline grid toggle is unstyled on standalone examples

Open
#5,286 3 comments 0 reactions 0 assignees View on GitHub
Good first issue 🔰 Maintenance 🔨 P3 Triaged Priority: Low Triaged: v4
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

**Describe the bug**

Styling for the switch component is not imported into the examples stylesheet `examples.scss`, so the baseline grid switch is unstyled on standalone examples unless the example imports the switch component itself.

**To Reproduce**

Steps to reproduce the behavior:

1. Go to a standalone example that does not import switch. For example: [Buttons combined](https://vanillaframework.io/docs/examples/standalone/patterns/buttons/combined?theme=light)
2. Verify that the baseline grid toggle is unstyled.
3. Go to a standalone example that does import the switch. For example: [Switch](https://vanillaframework.io/docs/examples/standalone/patterns/switch?theme=light)
4. Verify that the baseline grid toggle is styled.

**Expected behavior**

Baseline grid toggle switch is always styled.

**Screenshots**
Screenshot 2024-08-07 at 1 54 40 PM

Contributor guide

Open the contributing guide

Research direction

Inspect examples.scss and compare the standalone Buttons combined and Switch examples linked in the issue. Verify how switch styling is available in each case, then confirm that the baseline grid toggle is styled in standalone examples that do not import the switch component.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.