Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove font stepper from dropdown

Browse Source
This commit is contained in:
Jackson Harper
2022-04-13 10:28:33 -07:00
parent 86d6d03fe0
commit 18cbe4a856
4 changed files with 0 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/web/components/patterns/DropdownMenu.tsx
View File

@ -24,7 +24,6 @@ export type HeaderDropdownAction =
type DropdownMenuProps = {
username?: string
triggerElement: ReactNode
displayFontStepper?: boolean
actionHandler: (action: HeaderDropdownAction) => void
}
@ -53,24 +52,6 @@ export function DropdownMenu(props: DropdownMenuProps): JSX.Element {
{ isDark ? '✓' : '' }
</Button>
</HStack>
{props.displayFontStepper && (
<>
<HStack css={{ mt: '8px', width: '100%', height: '26px', gap: '8px', borderRadius: '6px', border: '1px solid $grayTextContrast', }}>
<Button style='plainIcon' css={{ display: 'inline-block', verticalAlign: 'baseline', width: '50%', height: '100%', bg: 'unset' }} onClick={() => {
props.actionHandler('decreaseFontSize')
}}>
<StyledText css={{ fontSize: '14px', m: '0px' }}>A</StyledText>
</Button>
<Box css={{ width: '1px', height: '100%', bg: '$grayTextContrast' }} />
<Button style='plainIcon' css={{ display: 'inline-block', verticalAlign: 'baseline', width: '50%', height: '100%', bg: 'unset' }} onClick={() => {
props.actionHandler('increaseFontSize')
}}>
<StyledText css={{ fontSize: '18px', m: '0px' }}>A</StyledText>
</Button>
</HStack>
</>
)}
</VStack>
<DropdownSeparator />
<DropdownOption