(feat) Remove double bottom borders from datatables

openmrs · Sep 5, 2024 · e951bb3 · e951bb3
1 parent 5e7a458
commit e951bb3
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/packages/esm-patient-medications-app/src/components/medications-details-table.component.tsx b/packages/esm-patient-medications-app/src/components/medications-details-table.component.tsx
@@ -267,7 +267,7 @@ const MedicationsDetailsTable: React.FC<ActiveMedicationsProps> = ({
         >
           {({ rows, headers, getTableProps, getHeaderProps, getRowProps }) => (
             <TableContainer>
-              <Table aria-label="medications" {...getTableProps()}>
+              <Table aria-label="medications" className={styles.table} {...getTableProps()}>
                 <TableHead>
                   <TableRow>
                     {headers.map((header) => (

diff --git a/packages/esm-patient-medications-app/src/components/medications-details-table.scss b/packages/esm-patient-medications-app/src/components/medications-details-table.scss
@@ -60,3 +60,9 @@
 .bodyLong01 {
   @include type.type-style('body-01');
 }
+
+.table {
+  td {
+    border-bottom: none !important;
+  }
+}
diff --git a/packages/esm-patient-vitals-app/src/biometrics/paginated-biometrics.component.tsx b/packages/esm-patient-vitals-app/src/biometrics/paginated-biometrics.component.tsx
@@ -82,7 +82,7 @@ const PaginatedBiometrics: React.FC<PaginatedBiometricsProps> = ({
       >
         {({ rows, headers, getHeaderProps, getTableProps }) => (
           <TableContainer className={styles.tableContainer}>
-            <Table aria-label="biometrics" {...getTableProps()}>
+            <Table aria-label="biometrics" className={styles.table} {...getTableProps()}>
               <TableHead>
                 <TableRow>
                   {headers.map((header) => (

diff --git a/packages/esm-patient-vitals-app/src/biometrics/paginated-biometrics.scss b/packages/esm-patient-vitals-app/src/biometrics/paginated-biometrics.scss
@@ -1,3 +1,9 @@
 .tableContainer {
   flex: 1;
 }
+
+.table {
+  td {
+    border-bottom: none !important;
+  }
+}
diff --git a/packages/esm-patient-vitals-app/src/vitals/paginated-vitals.scss b/packages/esm-patient-vitals-app/src/vitals/paginated-vitals.scss
@@ -2,14 +2,11 @@
 @use '@carbon/layout';
 @use '@carbon/type';
 
-.tableContainer {
-  flex: 1;
-}
-
 .table {
   td {
     white-space: nowrap;
     border-top: 1px solid colors.$gray-20;
+    border-bottom: none !important;
   }
 }