bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-08 03:18:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #181 from forensic-architecture/fix/infopopup-obscured-close-button

Browse Source 
Fix close button being obscured in intro popup
This commit is contained in:
Zac Ioannidis
2020-10-30 16:48:46 +00:00
committed by GitHub
parent a6417cc6f0 6eb6083984
commit 3ce1c3c890
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Layout.js
View File

@@ -23,7 +23,7 @@ import TemplateCover from './TemplateCover'
import colors from '../common/global'
import { binarySearch, insetSourceFrom } from '../common/utilities'
import { isMobile } from 'react-device-detect'
import { isMobileOnly } from 'react-device-detect'
import Search from './Search.jsx'
class Dashboard extends React.Component {
@@ -263,7 +263,7 @@ class Dashboard extends React.Component {
const { actions, app, domain, features } = this.props
const dateHeight = 80
const padding = 2
const checkMobile = (isMobile || window.innerWidth < 600)
const checkMobile = (isMobileOnly || window.innerWidth < 600)
const popupStyles = {
height: checkMobile ? '100vh' : 'fit-content',
@@ -271,7 +271,7 @@ class Dashboard extends React.Component {
width: checkMobile ? '100vw' : window.innerWidth > 768 ? '60vw' : `calc(100vw - var(--toolbar-width))`,
maxWidth: checkMobile ? '100vw' : 600,
maxHeight: checkMobile ? '100vh' : window.innerHeight > 768 ? `calc(100vh - ${app.timeline.dimensions.height}px - ${dateHeight}px)` : `100vh`,
left: checkMobile ? padding : 'inherit',
left: checkMobile ? padding : 'var(--toolbar-width)',
top: 0,
overflowY: 'scroll'
}
@@ -358,7 +358,7 @@ class Dashboard extends React.Component {
isOpen={app.flags.isInfopopup}
onClose={actions.toggleInfoPopup}
/>
{this.renderIntroPopup(false)}
{this.renderIntroPopup(false, popupStyles)}
{app.debug ? <Notification
isNotification={app.flags.isNotification}
notifications={domain.notifications}