AssignmentSection AssigneeSection.styles.tsx

57.14% Statements 4/7

0% Branches 0/2

25% Functions 1/4

80% Lines 4/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36  
 
 
 
21x
21x
 
 
 
 
 
 
 
 
 
 
 
 
21x
 
 
 
 
 
 
 
 
 
 
 
21x
 
 
 
 
  import GiveText from "@shared/Text/GiveText";
import { Box } from "@mui/material";
import { styled } from "@theme/v2/Provider";
 
export const AssignButtonAvatarContainer = styled(Box, {
  shouldForwardProp: (prop) => prop !== "assigned",
})<{
  assigned?: boolean;
}>(({ theme, assigned }) => ({
  width: "50%",
  [theme.breakpoints.down("v2_sm")]: {
    width: assigned ? "auto" : "160px",
    "& p:not(.assign-button-label), & .caret-down-icon": {
      display: "none",
    },
  },
}));
 
export const AssignButtonTextContainer = styled(Box)(() => ({
  "& .MuiAvatar-root": {
    display: "none",
  },
  "& p": {
    marginLeft: 0,
  },
  "& .caret-down-icon": {
    visibility: "visible",
  },
}));
 
export const CustomText = styled(GiveText)(() => ({
  wordBreak: "break-word",
  whiteSpace: "normal",
  overflowWrap: "break-word",
}));