reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-26 07:59:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

actionListItemSelector

Browse Source
This commit is contained in:
Nathan Bierema 2023-12-11 18:22:53 -05:00
parent ec1d1d4170
commit a78b4ee8b7
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/redux-devtools-inspector-monitor/src/ActionListRow.tsx
View File

@ -10,6 +10,7 @@ import {
actionListItemButtonsCss,
actionListItemCss,
actionListItemSelectedCss,
actionListItemSelectorCss,
actionListItemSkippedCss,
actionListItemTimeCss,
} from './utils/createStylingFromTheme';
@ -121,7 +122,7 @@ export default class ActionListRow<
</div>
</RightSlider>
<RightSlider styling={styling} shown={showButtons} rotate>
<div {...styling('actionListItemSelector')}>
<div css={actionListItemSelectorCss}>
{([BUTTON_JUMP, BUTTON_SKIP] as const).map(
(btn) =>
(!isInitAction || btn !== BUTTON_SKIP) && (

6
packages/redux-devtools-inspector-monitor/src/utils/createStylingFromTheme.ts
View File

@ -146,11 +146,9 @@ export const actionListItemTimeCss: Interpolation<Theme> = (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',