Permalink
Browse files

Rework layout styling to show content over the globe

  • Loading branch information...
markerikson committed Feb 24, 2017
1 parent 9ac0bca commit 81d8d503ebd19f5ebdb1e099f8302f0c90c102ba
Showing with 18 additions and 7 deletions.
  1. +18 −2 src/App.js
  2. +0 −5 src/cesium/CesiumGlobe.jsx
View
@@ -6,9 +6,25 @@ import CesiumGlobe from "./cesium/CesiumGlobe";
class App extends Component {
render() {
+ const containerStyle = {
+ width: '100%',
+ height: '100%',
+ top: 0,
+ left: 0,
+ bottom: 0,
+ right: 0,
+ position: 'fixed',
+ };
+
return (
- <div>
- <CesiumGlobe />
+ <div style={containerStyle}>
+ <CesiumGlobe/>
+ <div style={{position : "fixed", top : 0}}>
+ <div style={{color : "white", fontSize: 40, }}>
+ Text Over the Globe
+ </div>
+ </div>
+
</div>
);
}
@@ -73,11 +73,6 @@ export default class CesiumGlobe extends Component {
const containerStyle = {
width: '100%',
height: '100%',
- top: 0,
- left: 0,
- bottom: 0,
- right: 0,
- position: 'fixed',
display : "flex",
alignItems : "stretch",
};

0 comments on commit 81d8d50

Please sign in to comment.