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

actionListHeaderWrapper

Browse Source
This commit is contained in:
Nathan Bierema 2023-12-11 18:35:59 -05:00
parent 498e7aa1b4
commit 6f7649b169
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,6 +5,7 @@ import {
actionListHeaderCss, actionListHeaderCss,
actionListHeaderSearchCss, actionListHeaderSearchCss,
actionListHeaderSelectorCss, actionListHeaderSelectorCss,
actionListHeaderWrapperCss,
} from './utils/createStylingFromTheme'; } from './utils/createStylingFromTheme';
const getActiveButtons = (hasSkippedActions: boolean): ('Sweep' | 'Commit')[] => const getActiveButtons = (hasSkippedActions: boolean): ('Sweep' | 'Commit')[] =>
@ -41,7 +42,7 @@ const ActionListHeader: FunctionComponent<Props> = ({
value={searchValue} value={searchValue}
/> />
{!hideMainButtons && ( {!hideMainButtons && (
<div {...styling('actionListHeaderWrapper')}> <div css={actionListHeaderWrapperCss}>
<RightSlider shown={hasStagedActions} styling={styling}> <RightSlider shown={hasStagedActions} styling={styling}>
<div css={actionListHeaderSelectorCss}> <div css={actionListHeaderSelectorCss}>
{getActiveButtons(hasSkippedActions).map((btn) => ( {getActiveButtons(hasSkippedActions).map((btn) => (

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

@ -179,12 +179,12 @@ export const actionListHeaderSearchCss: Interpolation<Theme> = (theme) => ({
}, },
}); });
const getSheetFromColorMap = (map: ColorMap) => ({ export const actionListHeaderWrapperCss = css({
actionListHeaderWrapper: {
position: 'relative', position: 'relative',
height: '20px', height: '20px',
}, });
const getSheetFromColorMap = (map: ColorMap) => ({
actionPreview: { actionPreview: {
flex: 1, flex: 1,
display: 'flex', display: 'flex',