geolba/GeotiefExplore
2
1
Fork 0
Code Issues 7 Pull Requests Projects 1 Releases Wiki Activity

- add linear background for map in page.css

Browse Source 
- set ClearColor of WebGlRenderer to transparent (main.js)
This commit is contained in:
Arno Kaimbacher 2021-01-19 11:13:45 +01:00
parent 50daeebd7e
commit f654582403
2 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/page.css
View File

@ -82,6 +82,13 @@ section {
top: 30px; top: 30px;
left: 30px; left: 30px;
right: 30px; right: 30px;
/* Old browsers */
background: #cde6f9;
background-image: -moz-linear-gradient(top, #cde6f9 0%, white 70%, #6b716f);
background: -webkit-linear-gradient(top, #cde6f9 0%, white 70%, #6b716f);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(top, #cde6f9 0%, white 60%, #6b716f);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde6f9', endColorstr='#6b716f', GradientType=0);
} }
#inset { #inset {
@ -717,6 +724,17 @@ there.
/* smaller than tablet */ /* smaller than tablet */
@media (max-width: 750px) { @media (max-width: 750px) {
.mapDesktop {
/* overflow: hidden;
position: absolute; */
bottom: 0px;
top: 0px;
left: 0px;
right: 0px;
}
.main {
padding-top: 0;
}
.header ul li { .header ul li {
display: list-item; display: list-item;
float: none; float: none;

6
src/js/main.js
View File

@ -11,7 +11,6 @@ import * as domEvent from './core/domEvent';
import { Coordinates } from './controls/Coordinates'; import { Coordinates } from './controls/Coordinates';
import { NortArrow } from './controls/NorthArrow'; import { NortArrow } from './controls/NorthArrow';
import { LayerControl } from './controls/LayerControl'; import { LayerControl } from './controls/LayerControl';
import { MobileDialog } from './controls/MobileDialog';
import { BasemapControl } from './controls/BasemapControl'; import { BasemapControl } from './controls/BasemapControl';
import { SliderControl } from './controls/SliderControl'; import { SliderControl } from './controls/SliderControl';
import { Mesh } from 'three/src/objects/Mesh'; import { Mesh } from 'three/src/objects/Mesh';
@ -20,7 +19,6 @@ import { MeshLambertMaterial } from 'three/src/materials/MeshLambertMaterial';
import * as util from './core/utilities'; import * as util from './core/utilities';
import * as browser from './core/browser'; import * as browser from './core/browser';
import * as domUtil from './core/domUtil'; import * as domUtil from './core/domUtil';
import { BoxLayer } from './layer/BoxLayer';
import '../css/page.css'; /* style loader will import it */ import '../css/page.css'; /* style loader will import it */
@ -87,7 +85,9 @@ class Application {
// this.renderer.setSize(window.innerWidth, window.innerHeight); // this.renderer.setSize(window.innerWidth, window.innerHeight);
// document.body.appendChild(this.renderer.domElement); // document.body.appendChild(this.renderer.domElement);
this.renderer.setSize(this.width, this.height); this.renderer.setSize(this.width, this.height);
this.renderer.setClearColor(bgcolor, 1); // second param is opacity, 0 => transparent //this.renderer.setClearColor(bgcolor, 1); // second param is opacity, 0 => transparent
this.renderer.setClearColor(0x000000, 0.0);
// let Empty = Object.freeze([]); // let Empty = Object.freeze([]);
// this.renderer.clippingPlanes = Empty; // GUI sets it to globalPlanes // this.renderer.clippingPlanes = Empty; // GUI sets it to globalPlanes
// this.renderer.localClippingEnabled = true; // this.renderer.localClippingEnabled = true;