Skip to content

Commit d401cf8

Browse files
[ResponseOps] Connector list redesign follow up fix (elastic#268366)
## Summary Fixed the following issue in which the actions button overflowed the table (or were not visible at all) when the viewport is narrowed <img width="2750" height="908" alt="Screenshot 2026-05-07 at 16 21 01 (1)" src="https://github.com/user-attachments/assets/f4181b19-d57f-4efb-95e0-7f131709d3d8" />
1 parent f14f5de commit d401cf8

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

  • x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/actions_connectors_list/components

x-pack/platform/plugins/shared/triggers_actions_ui/public/application/sections/actions_connectors_list/components/actions_connectors_list.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -247,6 +247,7 @@ const ActionsConnectorsList = ({
247247
),
248248
sortable: false,
249249
truncateText: true,
250+
width: '25%',
250251
render: (value: string, item: ActionConnectorTableItem) => {
251252
const checkEnabledResult = checkActionTypeEnabled(
252253
actionTypesIndex && actionTypesIndex[item.actionTypeId],
@@ -465,6 +466,7 @@ const ActionsConnectorsList = ({
465466
},
466467
{
467468
name: '',
469+
width: '300px',
468470
render: (item: ActionConnectorTableItem) => {
469471
if (!actionTypesIndex || !actionTypesIndex[item.actionTypeId]) {
470472
return null;
@@ -475,7 +477,7 @@ const ActionsConnectorsList = ({
475477
const isStackConnector = actionType.source === ACTION_TYPE_SOURCES.stack;
476478

477479
return (
478-
<EuiFlexGroup justifyContent="flexEnd" alignItems="center">
480+
<EuiFlexGroup justifyContent="flexEnd" alignItems="center" responsive={false}>
479481
{usesOAuthAuthorizationCode(item) && !isDisabledEarsConnector(item) && (
480482
<>
481483
{connectorAuthStatusError ? (
@@ -545,6 +547,7 @@ const ActionsConnectorsList = ({
545547
loading={isLoadingActions || isLoadingActionTypes}
546548
items={actionConnectorTableItems}
547549
sorting={true}
550+
tableLayout="fixed"
548551
itemId={(item: ActionConnectorTableItem) =>
549552
item.isPreconfigured ? `preconfigured_${item.id}` : item.id
550553
}

0 commit comments

Comments
 (0)