css fixes

openmrs · Mar 8, 2024 · 9f87e15 · 9f87e15
1 parent f4f55d7
commit 9f87e15
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx
@@ -6,15 +6,17 @@ import { type Queue } from '../types';
 import { useQueues } from '../hooks/useQueues';
 import classNames from 'classnames';
 import { BrowserRouter, useLocation } from 'react-router-dom';
+import styles from './queue-table-by-status-menu.scss';
 
 function QueueTableLink({ basePath, queue }: { basePath: string; queue: Queue }) {
-  const { t } = useTranslation();
   const location = useLocation();
   const pageUrl = basePath + '/' + queue.uuid;
   const selected = location.pathname.startsWith(pageUrl);
   return (
     <ConfigurableLink
-      className={classNames('cds--side-nav__link', { 'active-left-nav-link': selected })} // TODO: Adjust this CSS
+      className={classNames('cds--side-nav__link', {
+        'active-left-nav-link': selected,
+      })}
       to={`${basePath}/${queue.uuid}`}>
       {queue.display}
     </ConfigurableLink>
@@ -26,14 +28,15 @@ export default function QueueTableByStatusMenu() {
   const { queues } = useQueues();
   const basePath = `${window.spaBase}/home/service-queues/queue-table-by-status`; // TODO: Configure elsewhere?
   return (
-    <SideNavMenu defaultExpanded={true} title={t('serviceQueues', 'Service Queues')}>
-      {queues.map((queue) => (
-        <SideNavMenuItem key={queue.uuid}>
-          <BrowserRouter>
-            <QueueTableLink basePath={basePath} queue={queue} />
-          </BrowserRouter>
-        </SideNavMenuItem>
-      ))}
+    <SideNavMenu
+      defaultExpanded={true}
+      title={t('serviceQueues', 'Service Queues')}
+      className={styles.queueTableByStatusNavMenu}>
+      <BrowserRouter>
+        {queues.map((queue) => (
+          <QueueTableLink basePath={basePath} queue={queue} />
+        ))}
+      </BrowserRouter>
     </SideNavMenu>
   );
 }
diff --git a/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.scss b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.scss
@@ -0,0 +1,6 @@
+.queueTableByStatusNavMenu {
+  :global(.active-left-nav-link) {
+    // override padding for sub-menu items
+    padding-left: 1.75rem !important;
+  }
+}