BUGFIX/HCMPRE-1585 fixed tootltip icon position according to the label (

#2010)
egovernments · Dec 12, 2024 · 27301da · 27301da
1 parent 66ebfc7
commit 27301da
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 10 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/digit-ui-css@1.8.3/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.42/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.2.1/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.2.2/dist/index.css" />
 
 
   <!-- added below css for hcm-workbench module inclusion-->

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.2.1",
+  "version": "0.2.2",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",

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
@@ -452,16 +452,19 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
 }
 
 .assumption-label-icon-wrapper{
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
+  display: inline-block;
+
+  .assumption-label-icon-wrapper-label{
+    line-height: 1.25rem;
+  }
 
   .icon-wrapper{
-    margin-left: 0rem;
+    margin-left: 0.25rem;
     top: 0rem;
-    display: flex;
+    display: inline-block;
     width: 1.25rem;
     height: 1.25rem;
+    vertical-align: bottom;
   }
 }
 

diff --git a/...icro-ui-internals/packages/modules/campaign-manager/src/components/MultiSelectDropdown.js b/...icro-ui-internals/packages/modules/campaign-manager/src/components/MultiSelectDropdown.js
@@ -312,6 +312,7 @@ const MultiSelectDropdown = ({
           props
         );
         if (onClose && !active) {
+          setSearchQuery("");
           onClose(
             newState.map((e) => e.propsData),
             getCategorySelectAllState(),
@@ -350,6 +351,7 @@ const MultiSelectDropdown = ({
 
   useEffect(() => {
     if (!active) {
+      setSearchQuery("");
       onSelect(
         alreadyQueuedSelectedState?.map((e) => e.propsData),
         getCategorySelectAllState(),

diff --git a/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfiguration.js b/.../web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfiguration.js
@@ -317,7 +317,7 @@ const FormulaConfiguration = ({ onSelect, category, customProps, formulas: initi
                 <Card type="secondary">
                   <LabelFieldPair className="formula-label-field">
                     <span className="assumption-label-icon-wrapper">
-                      {`${t(formula.output)}`}
+                      <span className="assumption-label-icon-wrapper-label">{`${t(formula.output)}`}</span>
                       {category === "CAMPAIGN_VEHICLES" || formula?.source === "CUSTOM" ? null : (
                         <span className="icon-wrapper">
                           <TooltipWrapper

diff --git a/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/Hypothesis.js b/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/Hypothesis.js
@@ -161,7 +161,7 @@ const Hypothesis = ({ category, assumptions: initialAssumptions, setShowToast, a
             <LabelFieldPair className="mp-hypothesis-label-field" style={{ alignItems: "center" }} key={index}>
               <div className="assumption-label">
                 <span className="assumption-label-icon-wrapper">
-                  {`${t(item)}`}
+                 <span className="assumption-label-icon-wrapper-label">{`${t(item)}`}</span>
                   {/* {category === "CAMPAIGN_VEHICLES" || sourceCheck === "CUSTOM" ? null : <span className="mandatory-span">*</span>} */}
                   {category === "CAMPAIGN_VEHICLES" || sourceCheck === "CUSTOM" ? null : (
                     <span className="icon-wrapper">

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/digit-ui-css@1.8.3/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.42/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.2.1/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.2.2/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT HCM</title>