Css changes for boundary screen

[abishekTa-egov]

Changes to summary screen css

Summary by CodeRabbit

Release Notes

• New Features

  • Updated CSS stylesheet for the health module to version 0.1.21, enhancing visual consistency and performance.
  • Introduced new styling classes to improve layout and presentation across various components.

• Bug Fixes

  • Adjusted class names for better clarity and consistency in styling, ensuring a more cohesive user interface.

• Changes

  • Removed an outdated card from the SummaryScreen for a cleaner layout.
  • Modified existing components to utilize the new styling conventions, improving overall user experience.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

The pull request includes updates to several files, primarily focusing on modifying CSS class names and updating a stylesheet version in HTML files. The CSS stylesheet version has been changed from 0.1.20 to 0.1.21 in multiple HTML files. Additionally, several CSS class names have been renamed to follow a new naming convention, and new classes have been introduced to enhance styling. The changes also involve minor adjustments to the structure of various components without altering their core functionality.

Changes

File	Change Summary
health/micro-ui/web/micro-ui-internals/example/public/index.html	CSS link updated from version 0.1.20 to 0.1.21.
health/micro-ui/web/public/index.html	CSS link updated from version 0.1.20 to 0.1.21.
health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplan.scss	Class renamed from .header-container to .mp-header-container; new class .mp-margin-bottom added; various other style adjustments.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsList.js	Class name changed from "header-container" to "mp-header-container"; no other changes.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/CampaignBoundary.js	Class name changed from "header-container" to "mp-header-container"; added class mp-margin-bottom.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/DataMgmtComponent.js	Class name changed from "header-container" to "mp-header-container"; class name changed from middle to mp-margin-bottom.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigScreen.js	Changed from Fragment to Card for category rendering; class name changed from "header-container" to "mp-header-container".
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaView.js	Outer <div> style updated to marginBottom: "0rem"; divider <div> removed.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UserAccessMgmtTableWrapper.js	Class renamed from "header-container" to "mp-header-container"; conditional rendering of an edit button added.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/subBoundaryView.js	Class name changed from "header-container" to "mp-header-container"; no other changes.
health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/SummaryScreen.js	New property noCardStyle added to card with navigationKey: "card5"; card with navigationKey: "card8" removed.

Possibly related PRs

• css fix  #1399: Updates the stylesheet link in the index.html file, related to the CSS stylesheet version change.
• bug fixes for sandbox #1439: Similar to the main PR, updates the stylesheet link in an HTML file for a version change.
• Boundary screen #1451: Updates the stylesheet link in the index.html file, reflecting a version change consistent with the main PR.
• Assumptions #1457: Changes to CSS styles that may relate to the overall styling context of the application.
• SN 261 #1460: Updates the stylesheet link in the index.html file, consistent with the main PR's CSS updates.
• HCMPRE-700, HCMPRE-701 and HCMPRE-741 #1471: Updates the stylesheet link in the index.html file, reflecting a version change.
• Mp assumptions #1477: Updates the stylesheet link in the index.html file, directly related to the CSS version change.
• Update UploadDataCustom.js #1493: Modifies the UploadDataCustom component, connecting to the overall styling context.
• Boundary screen1 #1522: Updates the stylesheet link in the index.html file, reflecting a version change.
• User download file #1531: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• Css button fix #1542: Updates the stylesheet link in the index.html file, related to the CSS stylesheet version change.
• User download changes #1568: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• Changes role access #1617: Updates the stylesheet link in the index.html file, related to the CSS stylesheet version change.
• Update table style and fixes #1637: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• New summary screen changes #1646: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• resolved HCMPRE-1070,1073-910,1075 #1668: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• summary issue fix #1678: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• fixed NA issue of summary #1681: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• fixed the flow and some ui/ux issues #1704: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• myMicroplanFixes #1708: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.
• css of summary screen #1728: Updates the stylesheet link in the index.html file, directly related to the CSS stylesheet version change.

Suggested reviewers

• nipunarora-eGov

Poem

In the garden of code, we hop and play,
With styles anew, we brighten the day.
From header-container to mp-header we cheer,
With margins and colors, our vision is clear.
So let’s celebrate changes, both big and small,
For in this code burrow, we’re having a ball! 🐇✨

---

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

• Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  • I pushed a fix in commit <commit_id>, please review it.
  • Generate unit testing code for this file.
  • Open a follow-up GitHub issue for this discussion.
• Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query. Examples:
  • @coderabbitai generate unit testing code for this file.
  • @coderabbitai modularize this function.
• PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
  • @coderabbitai read src/utils.ts and generate unit testing code.
  • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.
  • @coderabbitai help me debug CodeRabbit configuration file.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

CodeRabbit Commands (Invoked using PR comments)

• @coderabbitai pause to pause the reviews on a PR.
• @coderabbitai resume to resume the paused reviews.
• @coderabbitai review to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
• @coderabbitai full review to do a full review from scratch and review all the files again.
• @coderabbitai summary to regenerate the summary of the PR.
• @coderabbitai resolve resolve all the CodeRabbit review comments.
• @coderabbitai configuration to show the current CodeRabbit configuration for the repository.
• @coderabbitai help to get help.

Other keywords and placeholders

• Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
• Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
• Add @coderabbitai anywhere in the PR title to generate the title automatically.

CodeRabbit Configuration File (.coderabbit.yaml)

• You can programmatically configure CodeRabbit by adding a .coderabbit.yaml file to the root of your repository.
• Please see the configuration documentation for more information.
• If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json

Documentation and Community

• Visit our Documentation for detailed information on how to use CodeRabbit.
• Join our Discord Community to get help, request features, and share feedback.
• Follow us on X/Twitter for updates and announcements.