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.

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

responsive: shiftingDetails page and Breadcrumbs added phone and desktop #8933

Open
wants to merge 5 commits into
base: develop
Choose a base branch
from

Conversation

modamaan
Copy link

Proposed Changes

change the button alignment when phone size

Before
Screenshot 2024-10-20 000900

After
Screenshot 2024-10-20 011739

@ohcnetwork/care-fe-code-reviewers

Merge Checklist

  • Add specs that demonstrate bug / test a new feature.
  • Update product documentation.
  • Ensure that UI text is kept in I18n files.
  • Prep screenshot or demo video for changelog entry, and attach it to issue.
  • Request for Peer Reviews
  • Completion of QA

@modamaan modamaan requested a review from a team as a code owner October 26, 2024 17:27
Copy link

netlify bot commented Oct 26, 2024

Deploy Preview for care-ohc ready!

Name Link
🔨 Latest commit 5f6f9b8
🔍 Latest deploy log https://app.netlify.com/sites/care-ohc/deploys/671f99d4a8851000083ce1b6
😎 Deploy Preview https://deploy-preview-8933--care-ohc.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@modamaan
Copy link
Author

@bodhish @rithviknishad

loom-video.2.mp4

@shivankacker
Copy link
Member

@modamaan unable to understand the breadcrumbs relation here, could you elaborate more in the PR description?

@shivankacker shivankacker added the question Further information is requested label Oct 26, 2024
@modamaan
Copy link
Author

@modamaan
Copy link
Author

modamaan commented Oct 27, 2024

Proposed Changes

add responsive shadcn breadcrumbs

Current version
Screenshot 2024-10-27 055208

Last item broken

Screenshot 2024-10-27 055401

No dropdown here

Updated version

Screenshot 2024-10-27 055745
Last item broken issue solved

Screenshot 2024-10-27 055906
Shadcn Dropdown added

@ohcnetwork/care-fe-code-reviewers

Merge Checklist

  • Add specs that demonstrate bug / test a new feature.
  • Update product documentation.
  • Ensure that UI text is kept in I18n files.
  • Prep screenshot or demo video for changelog entry, and attach it to issue.
  • Request for Peer Reviews
  • Completion of QA

@bodhish
Copy link
Member

bodhish commented Oct 27, 2024

Duplicate of #8833

@bodhish bodhish marked this as a duplicate of #8833 Oct 27, 2024
@bodhish bodhish added blocked and removed question Further information is requested labels Oct 27, 2024
Copy link
Member

@bodhish bodhish left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image I will actually add icons for non paths in the dropdown.

Example

  • 🏢 Critical Care
  • 🗳 Assets

unicodes are just for illustration.

I expect these changes to be made on the previous PR

src/components/Common/Breadcrumbs.tsx Outdated Show resolved Hide resolved
@modamaan
Copy link
Author

@bodhish Screenshot 2024-10-28 193508

@modamaan modamaan requested a review from bodhish October 28, 2024 14:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

phone size responsive issue shifting details page
3 participants