(fix) O3-2651: Fix some spacing and alignment issues in the Patient C…

…hart (#1536) Co-authored-by: Vineet Sharma <[email protected]>
openmrs · Dec 16, 2023 · 84978d3 · 84978d3
1 parent 53ce61a
commit 84978d3
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 11 deletions.
diff --git a/...ages/esm-patient-appointments-app/src/appointments/appointments-action-menu.component.tsx b/...ages/esm-patient-appointments-app/src/appointments/appointments-action-menu.component.tsx
@@ -36,7 +36,7 @@ export const AppointmentsActionMenu = ({ appointment, patientUuid }: appointment
 
   return (
     <Layer className={styles.layer}>
-      <OverflowMenu aria-label="Edit or delete appointment" size={isTablet ? 'lg' : 'sm'} flipped>
+      <OverflowMenu aria-label="Edit or delete appointment" size={isTablet ? 'lg' : 'sm'} flipped align="left">
         <OverflowMenuItem
           className={styles.menuItem}
           id="editAppointment"

diff --git a/...ages/esm-patient-attachments-app/src/attachments/attachments-table-overview.component.tsx b/...ages/esm-patient-attachments-app/src/attachments/attachments-table-overview.component.tsx
@@ -106,7 +106,7 @@ const AttachmentsTableOverview: React.FC<AttachmentsTableOverviewProps> = ({
                     <TableCell key={cell.id}>{cell.value?.content ?? cell.value}</TableCell>
                   ))}
                   <TableCell className="cds--table-column-menu">
-                    <OverflowMenu size={isTablet ? 'lg' : 'sm'} flipped>
+                    <OverflowMenu size={isTablet ? 'lg' : 'sm'} flipped align="left">
                       <OverflowMenuItem
                         itemText={t('delete', 'Delete')}
                         isDelete

diff --git a/packages/esm-patient-attachments-app/src/attachments/attachments-table-overview.scss b/packages/esm-patient-attachments-app/src/attachments/attachments-table-overview.scss
@@ -2,7 +2,7 @@
 
 .attachmentTable > .cds--data-table-header {
   display: none;
-} 
+}
 
 .link {
   text-decoration: none;

diff --git a/packages/esm-patient-chart-app/src/root.scss b/packages/esm-patient-chart-app/src/root.scss
@@ -20,11 +20,6 @@
     scrollbar-width: none;
   }
 
-  ::-webkit-scrollbar {
-    width: 0px;
-    background-color: transparent
-  }
-
   :global(.cds--side-nav__overlay-active) {
     background-color: transparent;
   }

diff --git a/...pp/src/visit/visits-widget/past-visits-components/visits-table/visits-table.component.tsx b/...pp/src/visit/visits-widget/past-visits-components/visits-table/visits-table.component.tsx
@@ -254,6 +254,7 @@ const VisitTable: React.FC<VisitTableProps> = ({ showAllEncounters, visits, pati
                                 aria-label="Encounter table actions menu"
                                 size={desktopLayout ? 'sm' : 'lg'}
                                 flipped
+                                align="left"
                               >
                                 <OverflowMenuItem
                                   size={desktopLayout ? 'sm' : 'lg'}

diff --git a/packages/esm-patient-conditions-app/src/conditions/conditions-action-menu.component.tsx b/packages/esm-patient-conditions-app/src/conditions/conditions-action-menu.component.tsx
@@ -35,7 +35,7 @@ export const ConditionsActionMenu = ({ condition, patientUuid }: conditionsActio
 
   return (
     <Layer className={styles.layer}>
-      <OverflowMenu aria-label="Edit or delete condition" size={isTablet ? 'lg' : 'sm'} flipped>
+      <OverflowMenu aria-label="Edit or delete condition" size={isTablet ? 'lg' : 'sm'} flipped align="left">
         <OverflowMenuItem
           className={styles.menuItem}
           id="editCondition"

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
@@ -488,7 +488,13 @@ function OrderBasketItemActions({
   }, [items, setItems, medication, openOrderBasket]);
 
   return (
-    <OverflowMenu aria-label="Actions menu" selectorPrimaryFocus={'#modify'} flipped size={isTablet ? 'lg' : 'md'}>
+    <OverflowMenu
+      aria-label="Actions menu"
+      selectorPrimaryFocus={'#modify'}
+      flipped
+      size={isTablet ? 'lg' : 'md'}
+      align="left"
+    >
       {showModifyButton && (
         <OverflowMenuItem
           className={styles.menuItem}

diff --git a/packages/esm-patient-orders-app/src/components/orders-details-table.component.tsx b/packages/esm-patient-orders-app/src/components/orders-details-table.component.tsx
@@ -411,7 +411,13 @@ function OrderBasketItemActions({
   }, [items, orderItem, setItems]);
 
   return (
-    <OverflowMenu ariaLabel="Actions menu" selectorPrimaryFocus={'#modify'} flipped size={isTablet ? 'lg' : 'md'}>
+    <OverflowMenu
+      ariaLabel="Actions menu"
+      selectorPrimaryFocus={'#modify'}
+      flipped
+      size={isTablet ? 'lg' : 'md'}
+      align="left"
+    >
       <OverflowMenuItem
         className={styles.menuItem}
         id="modify"
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,7 +2,7 @@ @@
     .attachmentTable > .cds--data-table-header {
       display: none;
-    }
+    }
     .link {
       text-decoration: none;
@@ Expand Down @@