revisionRow: style()

in src/components/CompareResults/SubtestsResults/SubtestsRevisionRow.tsx [45:105]
58 lines of code
1 McCabe index (conditional complexity)

    revisionRow: style({
      ...revisionsRow,
      backgroundColor: mainBackgroundColor,
      $nest: {
        '.cell': {
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          padding: `${Spacing.xSmall}px ${Spacing.Small}px`,
        },
        '.confidence': {
          gap: '10px',
          justifyContent: 'start',
          paddingInlineStart: '15%',
        },
        '.subtests': {
          borderRadius: '4px 0 0 4px',
          paddingLeft: Spacing.Medium, // Synchronize with its header
          justifyContent: 'left',
          whiteSpace: 'nowrap',
          overflow: 'hidden',
          textOverflow: 'ellipsis',
        },
        '.status': {
          justifyContent: 'center',
        },
        '.total-runs': {
          gap: '8px',
        },
        '.row-buttons': {
          borderRadius: '0px 4px 4px 0px',
          display: 'flex',
          justifyContent: 'flex-end',
        },
        '.expand-button': {
          backgroundColor: backgroundColorExpandButton,
        },
        '.status-hint': {
          display: 'inline-flex',
          gap: '6px',
          borderRadius: '4px',
          padding: '4px 10px',
        },

        '.status-hint .MuiSvgIcon-root': {
          height: '16px',
        },

        '.status-hint-regression .MuiSvgIcon-root': {
          // We need to move the icon a bit lower so that it _looks_ centered.
          marginTop: '2px',
        },
        '.browser-name': {
          display: 'flex',
          alignItems: 'center',
          justifyContent: 'center',
          flexDirection: 'column',
          padding: '10px 0px',
        },
      },
    }),