UI: Add adaptive window size breakpoint helper in composeApp

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

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
80/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Tech stack
android, kotlin
Domain
frontend

Research direction

Start by reading the Compose app structure and its existing unit test setup to find where shared UI helpers and tests belong. Add the size class enum and calculation using the stated Material3 width boundaries, then test values at and around 600dp and 840dp. Done means all boundary tests pass.

Written by the indexing model from the issue text.

Description

enhancement good first issue
Summary

To support adaptive layouts across Desktop window resize events, introduce a window size class provider (Compact, Medium, Expanded) based on standard Material3 breakpoints (width < 600dp, 600-840dp, > 840dp).

Acceptance Criteria
  • Define WindowWidthSizeClass enum (Compact, Medium, Expanded).
  • Implement calculateWindowWidthSizeClass(windowWidthDp: Dp).
  • Add unit tests verifying breakpoint boundaries.
Dominant language
Kotlin
Stars
1
Forks
0
Avg merge
4m
Merged PRs (30d)
12

Getting set up

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.

More from developmentwithyash/yaan

All issues in developmentwithyash/yaan

Similar issues

More Kotlin issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.