Solved the responsiveness issue of Administer medicine Slide-Over

[sagarkori143]

WHAT

Solved the responsiveness issue of Administer medicine Slide-Over

Proposed Changes

• Fixes Prescriptions Details Card is not responsive in Bulk Administer Medicines slideover #6768
• Changed the styling of bulk administer slide-over
  From:

To :

@coronasafe/care-fe-code-reviewers @coronasafe/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

HOW

🤖[deprecated] Generated by Copilot at dd24fca

• Adjust the width of the medicine administration component based on the screen size (link)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
care-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 14, 2023 9:17am

[netlify]

✅ Deploy Preview for care-egov-staging ready!

Name	Link
🔨 Latest commit	7f83596
🔍 Latest deploy log	https://app.netlify.com/sites/care-egov-staging/deploys/657ac7f587ff880008a7f586
😎 Deploy Preview	https://deploy-preview-6854--care-egov-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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

[nihal467]

@sagarkori143

the route field is not properly responsive

[sagarkori143]

@nihal467 What I'm supposed to do now? Should I decrease the width of administration section to some more extent as the prescription card can't be altered being a reusable component? Please give some clarification about it.

[rithviknishad]

Increase the width of the slideover a bit more, that should solve it right?

Instead of 1300px, we can go 1400px maybe?

[sagarkori143]

@rithviknishad
If I'm operating a device having this much width:

You can see that the slide-over is covering whole screen. If I increase the width of slide-over then the user have to slide left and right to see the slide-over content completely. Is it ok doing so?

[rithviknishad]

Select for administration section can come below the prescriptions detail card whenever there is not enough screen space.

[sagarkori143]

@nihal467 Is it OK if I do overflow hidden for these boxes content as I have seen the same thing on some other pages too.

[sagarkori143]

@nihal467 A friendly reminder. Please let me know if I can move ahead with this solution and commit the changes.

[rithviknishad]

I don't think it's okay to hide information (especially in a reusable component where that is the only component that shows the detailed view of the prescription).

Was there any issues in achieving the following?

Select for administration section can come below the prescriptions detail card whenever there is not enough screen space.

[github-actions]

Hi, This pr has been automatically marked as stale because it has not had any recent activity. It will be automatically closed if no further activity occurs for 7 more days. Thank you for your contributions.

[github-actions]

Hi, @gigincg, @nihal467, @khavinshankar, @mathew-alex, This pr has been automatically closed because it has not had any recent activity. Thank you for your contributions. Feel free to repopen the pr.

[sagarkori143]

Hey @rithviknishad please reopen this issue. I was in bad health conditions so couldn't give it time again. I am looking forward to work on this and raise a pr again

[github-actions]

Hi, This pr has been automatically marked as stale because it has not had any recent activity. It will be automatically closed if no further activity occurs for 7 more days. Thank you for your contributions.

[github-actions]

Hi, @gigincg, @nihal467, @khavinshankar, @mathew-alex, This pr has been automatically closed because it has not had any recent activity. Thank you for your contributions. Feel free to repopen the pr.