Add scroll / z-index control

parent a639f3cb
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
html, body {
min-height: 100%;
height: 100%;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
......
.mapContainer {
position: relative;
z-index: 0;
}
.timelet {
padding: 5px;
background: rgba(255, 255, 255, 0.9);
......@@ -7,3 +12,8 @@
z-index: 2;
font-size: 10px;
}
.plotContainer {
position: relative;
z-index: 0,
}
......@@ -101,12 +101,14 @@ export default class Map extends React.Component<{}, iPlotState> {
const seconds = ('0' + date.getUTCSeconds()).slice(-2)
return (
<div>
<Plot
data={data}
layout={this.layout()}
config={{ scrollZoom: false }}
/>
<div className={MapStyle.mapContainer}>
<div className={MapStyle.plotContainer}>
<Plot
data={data}
layout={this.layout()}
config={{ scrollZoom: false }}
/>
</div>
<div className={MapStyle.timelet}>
Last update:
{ " " }
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment