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,
actionListHeaderSearchCss,
actionListHeaderSelectorCss,
actionListHeaderWrapperCss,
} from './utils/createStylingFromTheme';
const getActiveButtons = (hasSkippedActions: boolean): ('Sweep' | 'Commit')[] =>
@ -41,7 +42,7 @@ const ActionListHeader: FunctionComponent<Props> = ({
value={searchValue}
/>
{!hideMainButtons && (
<div {...styling('actionListHeaderWrapper')}>
<div css={actionListHeaderWrapperCss}>
<RightSlider shown={hasStagedActions} styling={styling}>
<div css={actionListHeaderSelectorCss}>
{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) => ({
actionListHeaderWrapper: {
export const actionListHeaderWrapperCss = css({
position: 'relative',
height: '20px',
},
});
const getSheetFromColorMap = (map: ColorMap) => ({
actionPreview: {
flex: 1,
display: 'flex',