fix review comments

cadence-workflow · Nov 14, 2024 · 65ec837 · 65ec837
1 parent 118605b
commit 65ec837
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/...orkflow-history/workflow-history-timeline-group/workflow-history-timeline-group.styles.ts b/...orkflow-history/workflow-history-timeline-group/workflow-history-timeline-group.styles.ts
@@ -30,7 +30,7 @@ const cssStylesObj = {
     gap: theme.sizing.scale600,
     padding: `${theme.sizing.scale500} 0`,
   }),
-  timelineEventLableAndTime: (theme) => ({
+  timelineEventLabelAndTime: (theme) => ({
     display: 'flex',
     flexDirection: 'column',
     gap: 0,

diff --git a/...iews/workflow-history/workflow-history-timeline-group/workflow-history-timeline-group.tsx b/...iews/workflow-history/workflow-history-timeline-group/workflow-history-timeline-group.tsx
@@ -27,7 +27,7 @@ export default function WorkflowHistoryTimelineGroup({
     <div className={cls.groupContainer}>
       <div className={cls.timelineEventHeader}>
         <WorkflowHistoryEventStatusBadge status={status} size="medium" />
-        <div className={cls.timelineEventLableAndTime}>
+        <div className={cls.timelineEventLabelAndTime}>
           <div className={cls.timelineEventsLabel}>{label}</div>
           <div suppressHydrationWarning className={cls.timelineEventsTime}>
             {timeLabel}

diff --git a/src/views/workflow-history/workflow-history.styles.ts b/src/views/workflow-history/workflow-history.styles.ts
@@ -36,15 +36,15 @@ const cssStylesObj = {
   }),
   compactSection: (theme) => ({
     display: 'none',
-    flexDirection: 'column',
-    width: '362px',
-    maxHeight: `calc(100vh - ${theme.sizing.scale900})`, // fill page height excluding page bottom margin
-    overflow: 'auto',
-    position: 'sticky',
-    top: 0,
-    paddingRight: theme.sizing.scale800,
     [theme.mediaQuery.large]: {
       display: 'flex',
+      flexDirection: 'column',
+      width: '362px',
+      maxHeight: `calc(100vh - ${theme.sizing.scale900})`, // fill page height excluding page bottom margin
+      overflow: 'auto',
+      position: 'sticky',
+      top: 0,
+      paddingRight: theme.sizing.scale800,
     },
   }),
   compactCardContainer: (theme) => ({