Formula View, and Select Acitivity Screen CSS changes (#1803)

* select-activity-commit * Hover over formulaConfigView * margin adjust * removed console * css changes * package update * changes to css * package css update
egovernments · Nov 12, 2024 · cd57493 · cd57493
1 parent a81fc9a
commit cd57493
Show file tree

Hide file tree

Showing 6 changed files with 30 additions and 8 deletions.
diff --git a/health/micro-ui/web/micro-ui-internals/example/public/index.html b/health/micro-ui/web/micro-ui-internals/example/public/index.html
@@ -12,7 +12,7 @@
   <title>DIGIT</title>
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].31/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].32/dist/index.css" />
 
   <!-- added below css for hcm-workbench module inclusion-->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/package.json b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplan.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplan.scss
@@ -335,4 +335,12 @@
   p{
     margin: 0rem;
   }
+}
+
+.activity-grid { 
+  display: grid; 
+  grid-template-columns: 33.3% 33.3% 33.3%; 
+  text-align: -webkit-center;
+  gap: 24px;
+  margin-right: 3rem;
 }
diff --git a/...micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ActivityCard.js b/...micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/ActivityCard.js
@@ -10,9 +10,10 @@ const ActivityHomeCard = ({onClickCard=()=>{},...props}) => {
 
   return (
     <React.Fragment>
-  <Card className="fsm" style={{ backgroundColor: "transparent", boxShadow: "none", paddingTop: "0" }}>
+  <Card className="fsm" style={{ backgroundColor: "transparent", boxShadow: "none", paddingTop: "0",marginRight:"1rem",marginLeft:"1rem" }}>
     <CardHeader> {t(props.title)} </CardHeader>
-    <div style={{ display: "grid", gridTemplateColumns: "33.3% 33.3% 33.3%", textAlign: "-webkit-center", gap: "24px" }}>
+    <div className="activity-grid"
+       >
       {props.module.map((i) => {
         return (
           <CardNew

diff --git a/.../micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaView.js b/.../micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaView.js
@@ -26,19 +26,32 @@ const FormulaView = ({ output = "N/A", input1 = "N/A", input2 = "N/A", input3 =
               type="text"
               value={t(input1)}
               nonEditable={true}
-              style={{ width: "100%" }}
+              style={{
+                width: "100%",
+                cursor: "pointer",
+              }}
+              className="mp-tooltip"
+              title={t(input1)}
             />
             <TextInput
               type="text"
               value={t(input2)}
               nonEditable={true}
-              style={{ width: "100%" }}
+              style={{
+                width: "100%",
+                cursor: "pointer",
+              }}
             />
             <TextInput
               type="text"
               value={t(input3)}
               nonEditable={true}
-              style={{ width: "100%" }}
+              style={{
+                width: "100%",
+                cursor: "pointer",
+
+              }}
+              title={t(input3)}
             />
           </LabelFieldPair>
 

diff --git a/health/micro-ui/web/public/index.html b/health/micro-ui/web/public/index.html
@@ -10,7 +10,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].31/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].32/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT HCM</title>