leap: position notification dot relatively

After indigo-react 1.2.15, Box no longer has `position:relative` by default.

While we caught this elsewhere, we dropped this in Leap results, aligning the
notification dot to the top left of the browser window instead.
This commit is contained in:
matildepark 2020-12-04 16:41:27 -05:00 committed by GitHub
parent 44e0f409bb
commit 72ef78ad6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -41,7 +41,7 @@ export class OmniboxResult extends Component {
(icon === 'Terminal') ? 'Dojo' : icon;
graphic = <Icon display="inline-block" verticalAlign="middle" icon={icon} mr='2' size='16px' color={iconFill} />;
} else if (icon === 'inbox') {
graphic = <Box display='flex' verticalAlign='middle'>
graphic = <Box display='flex' verticalAlign='middle' position="relative">
<Icon display='inline-block' verticalAlign='middle' icon='Inbox' mr='2' size='16px' color={iconFill} />
{(notifications > 0 || inviteCount.length > 0) && (
<Icon display='inline-block' icon='Bullet' style={{ position: 'absolute', top: -5, left: 5 }} color={bulletFill} />