Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Epic: Responsive layout across components #6670

Closed
21 of 27 tasks
geospatialem opened this issue Mar 27, 2023 · 4 comments
Closed
21 of 27 tasks

Epic: Responsive layout across components #6670

geospatialem opened this issue Mar 27, 2023 · 4 comments
Assignees
@DitwanP
Labels
4 - verified Issues that have been released and confirmed resolved. Calcite (design) Issues logged by Calcite designers. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. estimate - 34 Issue should be converted into an epic. Requires all hands on deck. p - high Issue should be addressed in the current milestone, impacts component or core functionality ready for dev Issues ready for development implementation.
Milestone
2024-03-26 - Mar ...

Comments

@geospatialem
Copy link
Member

geospatialem commented Mar 27, 2023 •
edited by DitwanP
Loading

Description

Responsiveness across Calcite Design System, focused on web (traditionally desktop sized web browser), tablet, phone screen sizes, and large monitors.

Acceptance Criteria

  • 1. Consider breaking changes for folks. Consultation should occur on both the design and development teams.
  • 2. Components need to be designed for the following breakpoints:
    • Small (s), 476px
    • Medium (m), 768px
    • Large (l), 1152px
    • Extra larger (xl), 1440px

Relevant Info

Screen.Recording.2023-03-01.at.4.35.34.PM.mov

Which Component

Some minor adjustments required

Not fit for mobile, refactor might be needed
@geospatialem geospatialem added design Issues that need design consultation prior to development. p - high Issue should be addressed in the current milestone, impacts component or core functionality 1 - assigned Issues that are assigned to a sprint and a team member. Calcite (design) Issues logged by Calcite designers. estimate - 34 Issue should be converted into an epic. Requires all hands on deck. labels Mar 27, 2023
@geospatialem geospatialem added enhancement Issues tied to a new feature or request. epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. labels Mar 27, 2023
This was referenced Mar 27, 2023
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
This was referenced Mar 28, 2023
Closed
Closed
Closed
Closed
Closed
@SkyeSeitz
Copy link

Hi @geospatialem, Can you add an issue for [Notice] Responsive layout to this epic? We may have missed that one. Thank you!

@geospatialem geospatialem mentioned this issue Apr 13, 2023
Closed
6 tasks
@geospatialem geospatialem self-assigned this Jul 18, 2023
@geospatialem geospatialem added 1 - assigned Issues that are assigned to a sprint and a team member. and removed 0 - new New issues that need assignment. needs milestone Planning workflow - pending milestone assignment, has priority and/or estimate. labels Jul 18, 2023
@geospatialem geospatialem mentioned this issue Sep 6, 2023
Closed
3 tasks
@jcfranco jcfranco mentioned this issue Sep 8, 2023
Merged
jcfranco added a commit that referenced this issue Sep 8, 2023
@jcfranco
chore: add responsive module (#7716)
5dcde0f 
**Related Issue:** #6670 

## Summary

Adds support module for component responsiveness. 

### Notes

* Spec test is skipped until the following JSDOM issues are addressed:
  * jsdom/jsdom#3563
  * jsdom/jsdom#2160.
* Moves existing custom matchers from the color-picker E2E test to the
test utils module for reuse.
@brittneytewks brittneytewks added the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Sep 12, 2023
@geospatialem geospatialem mentioned this issue Sep 20, 2023
Closed
4 tasks
@brittneytewks brittneytewks removed the figma changes Issues that require additions or updates to the Figma UI Kit where no `design` label exists label Dec 12, 2023
@geospatialem geospatialem added 3 - installed Issues that have been merged to master branch and are ready for final confirmation. and removed 1 - assigned Issues that are assigned to a sprint and a team member. labels Feb 29, 2024
@github-actions GitHub Actions
Copy link
Contributor

Installed and assigned for verification.

@geospatialem geospatialem removed their assignment Mar 6, 2024
@DitwanP
Copy link
Contributor

DitwanP commented Mar 8, 2024 •
edited
Loading

🍰 Verified the final component (tabs) for this epic. Also did a check on previous issues to ensure nothing was missed.

@DitwanP DitwanP closed this as completed Mar 8, 2024
@DitwanP DitwanP added 4 - verified Issues that have been released and confirmed resolved. and removed 3 - installed Issues that have been merged to master branch and are ready for final confirmation. labels Mar 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@DitwanP DitwanP

Labels
4 - verified Issues that have been released and confirmed resolved. Calcite (design) Issues logged by Calcite designers. design Issues that need design consultation prior to development. enhancement Issues tied to a new feature or request. epic Large scale issues to be broken up into sub-issues and tracked via sprints and/or project. estimate - 34 Issue should be converted into an epic. Requires all hands on deck. p - high Issue should be addressed in the current milestone, impacts component or core functionality ready for dev Issues ready for development implementation.
Projects
None yet
Milestone
2024-03-26 - Mar Release
Development

No branches or pull requests
4 participants
@geospatialem @SkyeSeitz @DitwanP @brittneytewks