fix: add roboto & sans-serif fallback font

This commit is contained in:
Jordan Knott 2020-07-20 17:34:33 -05:00
parent 6f33cc5799
commit a4ff94d78b
6 changed files with 3 additions and 9 deletions

View File

@ -74,7 +74,6 @@ export const ListNameEditor = styled(TextareaAutosize)`
line-height: 20px; line-height: 20px;
padding: 8px 12px; padding: 8px 12px;
font-family: 'Droid Sans';
overflow: hidden; overflow: hidden;
overflow-wrap: break-word; overflow-wrap: break-word;
resize: none; resize: none;

View File

@ -8,7 +8,6 @@ display: flex
flex-direction: column; flex-direction: column;
& .react-datepicker { & .react-datepicker {
background: #262c49; background: #262c49;
font-family: 'Droid Sans', sans-serif;
border: none; border: none;
} }
& .react-datepicker__triangle { & .react-datepicker__triangle {

View File

@ -63,7 +63,6 @@ export const HeaderEditTarget = styled.div<{ isHidden: boolean }>`
`; `;
export const HeaderName = styled(TextareaAutosize)` export const HeaderName = styled(TextareaAutosize)`
font-family: 'Droid Sans';
font-size: 14px; font-size: 14px;
border: none; border: none;
resize: none; resize: none;
@ -105,7 +104,6 @@ export const Header = styled.div<{ isEditing: boolean }>`
export const AddCardButtonText = styled.span` export const AddCardButtonText = styled.span`
padding-left: 5px; padding-left: 5px;
font-family: 'Droid Sans';
`; `;
export const ListCards = styled.div` export const ListCards = styled.div`

View File

@ -18,7 +18,6 @@ export const MemberManagerSearch = styled(TextareaAutosize)`
line-height: 20px; line-height: 20px;
padding: 8px 12px; padding: 8px 12px;
font-size: 14px; font-size: 14px;
font-family: 'Droid Sans';
font-weight: 400; font-weight: 400;
background: #262c49; background: #262c49;

View File

@ -73,7 +73,6 @@ export const TaskDetailsTitle = styled(TextareaAutosize)`
resize: none; resize: none;
box-shadow: transparent 0px 0px 0px 1px; box-shadow: transparent 0px 0px 0px 1px;
font-size: 24px; font-size: 24px;
font-family: 'Droid Sans';
font-weight: 700; font-weight: 700;
padding: 4px; padding: 4px;
background: #262c49; background: #262c49;

View File

@ -27,10 +27,10 @@ export const color = {
}; };
export const font = { export const font = {
regular: 'font-family: "Droid Sans"; font-weight: normal;', regular: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
size: (size: number) => `font-size: ${size}px;`, size: (size: number) => `font-size: ${size}px;`,
bold: 'font-family: "Droid Sans"; font-weight: normal;', bold: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
medium: 'font-family: "Droid Sans"; font-weight: normal;', medium: 'font-family: "Droid Sans", Roboto, sans-serif; font-weight: normal;',
}; };
export const mixin = { export const mixin = {