shift-org / shift-org/shift-docs

Better text resizing support

Open
#272 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

frontend
Dominant language
JavaScript
Stars
30
Forks
25
Avg merge
9m
Merged PRs (30d)
1

Description

Full-page zoom works as-expected — all content scales up uniformly. But if you increase just text size (by changing your browser's default text size), the content does not resize.

This can be fixed by using a relative CSS unit like em or rem for font-size (instead of px). Look at where where base theme styles are defined and where we can override them so that the change cascades down. We'll also want to check a variety of pages to make sure zoomed content isn't broken (truncated, overlapping, etc).

Contributor guide

No contributing guide indexed for this repository

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 locating where the base theme styles define font sizes and identify an override point where relative sizing can cascade. Check a variety of pages with browser text-only resizing, and consider the work done when content remains readable without truncation or overlap.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
accessibility, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.