(fix) UI fixes for the Individual Tests view of the Results dashboard (…

…openmrs#2026) (fix) Results viewer UI fixes
senthil-athiban · Nov 19, 2024 · d45245d · d45245d
1 parent 7f16b6b
commit d45245d
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/packages/esm-patient-labs-app/src/test-results/grouped-timeline/grouped-timeline.scss b/packages/esm-patient-labs-app/src/test-results/grouped-timeline/grouped-timeline.scss
@@ -183,6 +183,7 @@
 .low {
   p {
     @include type.type-style('heading-compact-01');
+    color: $ui-05;
   }
 }
 

diff --git a/...-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss b/...-patient-labs-app/src/test-results/individual-results-table/individual-results-table.scss
@@ -15,6 +15,7 @@ p {
 .low {
   p {
     @include type.type-style('heading-compact-01');
+    color: $ui-05;
   }
 }
 
@@ -78,12 +79,13 @@ p {
 .resultType {
   @include type.type-style('heading-compact-02');
   color: $text-02;
-  margin-bottom: 5px;
+  margin-bottom: 4px;
 }
 
 .date {
   color: $text-02;
   padding-right: 0.625rem;
+  @include type.type-style('label-01');
 }
 
 .date::after {

diff --git a/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.scss b/packages/esm-patient-labs-app/src/test-results/results-viewer/results-viewer.scss
@@ -182,6 +182,11 @@
   }
 }
 
+.border {
+  border: 1px solid $ui-03;
+  border-bottom: none;
+}
+
 .groupPanelsTables {
   > div + div {
     margin-top: layout.$spacing-05;

diff --git a/packages/esm-patient-labs-app/src/test-results/tree-view/tree-view.component.tsx b/packages/esm-patient-labs-app/src/test-results/tree-view/tree-view.component.tsx
@@ -51,7 +51,15 @@ const GroupedPanelsTables: React.FC<{ className: string; loadingPanelData: boole
                 parents[parent.flatName].includes(row.flatName) && checkboxes[row.flatName],
             )
           : rowData?.filter((row: { flatName: string }) => parents[parent.flatName].includes(row.flatName));
-        return <IndividualResultsTable isLoading={loadingPanelData} parent={parent} subRows={subRows} index={index} />;
+        return (
+          <div
+            className={classNames({
+              [styles.border]: subRows.length,
+            })}
+          >
+            <IndividualResultsTable isLoading={loadingPanelData} parent={parent} subRows={subRows} index={index} />
+          </div>
+        );
       })}
     </Layer>
   );
-Original file line number
+Diff line change
@@ Expand Up / @@ -183,6 +183,7 @@ @@
     .low {
       p {
         @include type.type-style('heading-compact-01');
+        color: $ui-05;
       }
     }
@@ Expand Down @@