apple / apple/embedding-atlas

Expose toolbar button/icon sizing via CSS custom properties

Open Beginner friendly
#252 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.9k
Forks
325
Avg merge
14h 48m
Merged PRs (30d)
7

Description

## Problem

Toolbar buttons and icons in `Button.svelte` and `StatusBar.svelte` are hardcoded to fixed pixel values (16px button, 14px icon, 20px status bar height, 12px font, 4px gap). Consumers who need different sizing are forced to use global CSS overrides.

## Solution

Expose CSS custom properties (e.g. `--ea-toolbar-scale`) that let consumers scale the toolbar without hacks.

Contributor guide

Open the contributing guide

Research direction

Start with Button.svelte and StatusBar.svelte, locating the hardcoded button, icon, status-bar, font, and gap values listed in the issue. Define CSS custom properties that let consumers scale these dimensions without global overrides; done means the toolbar sizing is configurable through those properties.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
frontend
Issue type
Feature
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
76/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.