Set zIndex on modals so they display above the top toolbar on smaller screens

This commit is contained in:
Jackson Harper 2022-12-02 10:29:13 +08:00
parent a5b9fd6089
commit e4c89c0256

View file

@ -42,7 +42,7 @@ export function HighlightsModal(props: HighlightsModalProps): JSX.Element {
event.preventDefault()
props.onOpenChange(false)
}}
css={{ overflow: 'auto', px: '24px' }}
css={{ overflow: 'auto', px: '24px', zIndex: '10' }}
>
<VStack distribution="start" css={{ height: '100%' }}>
<ModalTitleBar title="Notebook" onOpenChange={props.onOpenChange} />
@ -112,7 +112,7 @@ function ModalHighlightView(props: ModalHighlightViewProps): JSX.Element {
return (
<>
<VStack css={{ maxHeight: '80%' }}>
<VStack>
<SpanBox css={{ marginLeft: 'auto' }}>
<Dropdown
triggerElement={