feat(workflow): Always show issue list headers (WOR-542) (getsentry#23105)

Author: scttcper

src/sentry/static/sentry/app/views/issueList/actions/actionSet.tsx

@@ -246,6 +246,7 @@ const Wrapper = styled('div')<{hasInbox?: boolean}>`
   gap: ${space(0.5)};
   grid-auto-flow: column;
   justify-content: flex-start;
+  white-space: nowrap;
 
   ${p =>
     p.hasInbox &&

src/sentry/static/sentry/app/views/issueList/actions/headers.tsx

@@ -17,9 +17,11 @@ type Props = {
   onSelectStatsPeriod: (statsPeriod: string) => void;
   isReprocessingQuery: boolean;
   hasInbox?: boolean;
+  anySelected?: boolean;
 };
 
 function Headers({
+  anySelected,
   selection,
   statsPeriod,
   pageCount,
@@ -31,7 +33,7 @@ function Headers({
 }: Props) {
   return (
     <React.Fragment>
-      {hasInbox && (
+      {hasInbox && !anySelected && (
         <ActionSetPlaceholder>
           {/* total includes its own space */}
           {tct('Select [count] of [total]', {
@@ -55,7 +57,9 @@ function Headers({
         </React.Fragment>
       ) : (
         <React.Fragment>
-          <GraphHeaderWrapper className="hidden-xs hidden-sm">
+          <GraphHeaderWrapper
+            className={`hidden-xs hidden-sm ${hasInbox ? 'hidden-md' : ''}`}
+          >
             <GraphHeader>
               <StyledToolbarHeader>{t('Graph:')}</StyledToolbarHeader>
               <GraphToggle

src/sentry/static/sentry/app/views/issueList/actions/index.tsx

@@ -284,18 +284,17 @@ class IssueListActions extends React.Component<Props, State> {
               onUpdate={this.handleUpdate}
             />
           )}
-          {(!anySelected || !hasInbox) && (
-            <Headers
-              onSelectStatsPeriod={this.handleSelectStatsPeriod}
-              selection={selection}
-              statsPeriod={statsPeriod}
-              pageCount={pageCount}
-              queryCount={queryCount}
-              queryMaxCount={queryMaxCount}
-              hasInbox={hasInbox}
-              isReprocessingQuery={displayReprocessingActions}
-            />
-          )}
+          <Headers
+            onSelectStatsPeriod={this.handleSelectStatsPeriod}
+            anySelected={anySelected}
+            selection={selection}
+            statsPeriod={statsPeriod}
+            pageCount={pageCount}
+            queryCount={queryCount}
+            queryMaxCount={queryMaxCount}
+            hasInbox={hasInbox}
+            isReprocessingQuery={displayReprocessingActions}
+          />
         </StyledFlex>
         {!allResultsVisible && pageSelected && (
           <SelectAllNotice>