fix(issues): Size of details container, all events overflow (#79229)

getsentry · Oct 16, 2024 · 0661463 · 0661463
1 parent 1e506d7
commit 0661463
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/static/app/views/issueDetails/groupEventDetails/groupEventDetails.tsx b/static/app/views/issueDetails/groupEventDetails/groupEventDetails.tsx
@@ -240,6 +240,7 @@ const StyledLayoutBody = styled(Layout.Body)<{
   ${p =>
     p.hasStreamlinedUi &&
     css`
+      min-height: 100vh;
       @media (min-width: ${p.theme.breakpoints.large}) {
         gap: ${space(1.5)};
         display: ${p.sidebarOpen ? 'grid' : 'block'};

diff --git a/static/app/views/issueDetails/streamline/eventDetails.tsx b/static/app/views/issueDetails/streamline/eventDetails.tsx
@@ -123,7 +123,8 @@ export function EventDetails({
       {/* TODO(issues): We should use the router for this */}
       {currentTab === Tab.EVENTS && (
         <PageErrorBoundary mini message={t('There was an error loading the event list')}>
-          <GroupContent>
+          {/* Overflow added only to this instance to scroll table. Acts weird with sticky nav. */}
+          <GroupContent style={{overflowX: 'auto'}}>
             <EventList group={group} project={project} />
           </GroupContent>
         </PageErrorBoundary>

diff --git a/static/app/views/issueDetails/streamline/eventList.tsx b/static/app/views/issueDetails/streamline/eventList.tsx
@@ -178,6 +178,7 @@ const EventListHeaderItem = styled('div')`
 const StreamlineEventsTable = styled('div')`
   ${Panel} {
     border: 0;
+    margin-bottom: 0;
   }
 
   ${GridHead} {