diff --git a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx index 71f4ef22..335b9cb9 100644 --- a/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx +++ b/packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx @@ -10,6 +10,7 @@ import { actionListItemButtonsCss, actionListItemCss, actionListItemSelectedCss, + actionListItemSelectorCss, actionListItemSkippedCss, actionListItemTimeCss, } from './utils/createStylingFromTheme'; @@ -121,7 +122,7 @@ export default class ActionListRow< -
+
{([BUTTON_JUMP, BUTTON_SKIP] as const).map( (btn) => (!isInitAction || btn !== BUTTON_SKIP) && ( diff --git a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts index 20c1d523..12f2b9eb 100644 --- a/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts +++ b/packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts @@ -146,11 +146,9 @@ export const actionListItemTimeCss: Interpolation = (theme) => ({ color: colorMap(theme).ACTION_TIME_COLOR, }); -const getSheetFromColorMap = (map: ColorMap) => ({ - actionListItemSelector: { - display: 'inline-flex', - }, +export const actionListItemSelectorCss = css({ display: 'inline-flex' }); +const getSheetFromColorMap = (map: ColorMap) => ({ actionListItemName: { overflow: 'hidden', 'text-overflow': 'ellipsis',