feat: change colors and borders of unread emails, change colors of toDo emailcards (e202c50c) · Commits · INJECT / frontend

frontend/src/email/TeamEmails/EmailCard.tsx

+2 −8

Original line number	Diff line number	Diff line
		@@ -57,10 +57,7 @@ const pendingEmail = css`
		0 2px 6px rgba(16, 22, 26, 0.1);

		.${Classes.SECTION_HEADER} {
		background: linear-gradient(
		${Colors.ORANGE5}26 30%,
		${Colors.ORANGE5}0f 100%
		);
		background-color: ${Colors.ORANGE3}1f;
		}

		.${Classes.DARK} & {
		@@ -68,10 +65,7 @@ const pendingEmail = css`
		box-shadow: 0 0 0 1px ${Colors.ORANGE4}33;

		.${Classes.SECTION_HEADER} {
		background: linear-gradient(
		${Colors.ORANGE3}2b 30%,
		${Colors.ORANGE3}08 100%
		);
		background-color: ${Colors.ORANGE3}14;
		}
		}
		`

+23 −6

Original line number	Diff line number	Diff line
		@@ -14,14 +14,20 @@ const card = css`
		`

		const unread = css`
		background-color: ${Colors.GRAY1}26 !important;
		border: 1px solid ${Colors.BLUE4} !important;
		box-shadow: inset 3px 0 0 ${Colors.BLUE4};

		.bp5-dark & {
		background-color: ${Colors.ORANGE5}26 !important;
		.${Classes.DARK} & {
		border-color: ${Colors.BLUE3} !important;
		box-shadow: inset 3px 0 0 ${Colors.BLUE3};
		}

		&:hover {
		background-color: ${Colors.GRAY3}26 !important;
		background-color: ${Colors.LIGHT_GRAY4} !important;
		}

		.${Classes.DARK} &:hover {
		background-color: ${Colors.DARK_GRAY1} !important;
		}
		`

		@@ -41,6 +47,14 @@ const timestamp = css`
		}
		`

		const unreadSubject = css`
		color: ${Colors.BLUE3};

		.${Classes.DARK} & {
		color: ${Colors.BLUE4};
		}
		`

		const pending = css`
		background-color: ${Colors.ORANGE3}26 !important;

		@@ -105,9 +119,9 @@ const ThreadLogCard: FC<ThreadLogCardProps> = ({
		<Card
		className={cx({
		[card]: true,
		[pending]: markDoneAvailable && isPending && !isSelected,
		[unread]: !inAnalyst && isUnread,
		[selected]: isSelected,
		[pending]: markDoneAvailable && isPending && !isSelected,
		})}
		style={{ order }}
		interactive
		@@ -154,7 +168,10 @@ const ThreadLogCard: FC<ThreadLogCardProps> = ({
		className={cx(
		Classes.HEADING,
		Classes.SECTION_HEADER_TITLE,
		ellipsized
		ellipsized,
		{
		[unreadSubject]: !inAnalyst && isUnread,
		}
		)}
		>
		{(lastEmailBiased.details.content.attachments.length \|\| 0) > 0 && (