mirror of
https://github.com/bellingcat/ukraine-timemap.git
synced 2026-06-12 13:28:36 +03:00
Pin infopopup to top, let it float on top of timeline on reduced viewport height
This commit is contained in:
@@ -262,10 +262,11 @@ class Dashboard extends React.Component {
|
||||
|
||||
const dateHeight = 80
|
||||
const popupStyles = {
|
||||
height: `calc(100vh - ${app.timeline.dimensions.height}px - ${dateHeight}px)`,
|
||||
height: `fit-content`,
|
||||
width: '60vw',
|
||||
maxWidth: 600,
|
||||
bottom: app.timeline.dimensions.height + dateHeight,
|
||||
maxHeight: window.innerHeight > 768? `calc(100vh - ${app.timeline.dimensions.height}px - ${dateHeight}px)` : `100vh`,
|
||||
top: 0,
|
||||
overflowY: 'scroll'
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user