actionListItemSelector

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

View File

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

View File

@ -146,11 +146,9 @@ export const actionListItemTimeCss: Interpolation<Theme> = (theme) => ({
color: colorMap(theme).ACTION_TIME_COLOR, color: colorMap(theme).ACTION_TIME_COLOR,
}); });
const getSheetFromColorMap = (map: ColorMap) => ({ export const actionListItemSelectorCss = css({ display: 'inline-flex' });
actionListItemSelector: {
display: 'inline-flex',
},
const getSheetFromColorMap = (map: ColorMap) => ({
actionListItemName: { actionListItemName: {
overflow: 'hidden', overflow: 'hidden',
'text-overflow': 'ellipsis', 'text-overflow': 'ellipsis',