FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Select better threshold for mobile detection
All checks were successful
FarmMaps.Develop/FarmMapsLib/develop This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma 2020-02-25 11:52:27 +01:00
parent 0eaa3065a3
commit f8c3a0db98
3 changed files with 43 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
projects/common-map/src/fm-map/components/aol/zoom-to-extent/zoom-to-extent.component.ts
View File

@ -22,7 +22,7 @@ export class ZoomToExtentComponent implements OnChanges {
var options = { padding: [0, 0, 0, 0],minResolution:1 }; var options = { padding: [0, 0, 0, 0],minResolution:1 };
let size = this.map.instance.getSize(); let size = this.map.instance.getSize();
let rem = parseFloat(getComputedStyle(document.documentElement).fontSize); let rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
let threshold = 44 * rem; let threshold = 40 * rem;
var left = 1 * rem; var left = 1 * rem;
var right = 1 * rem; var right = 1 * rem;
var bottom = Math.round(size[1] / 2); var bottom = Math.round(size[1] / 2);

6
projects/common/src/fm/components/side-panel/side-panel.component.scss
View File

@ -83,7 +83,7 @@ div.resizegrip > span {
top:-1rem; top:-1rem;
} }
@media screen and (min-width:44rem) { @media screen and (min-width:40rem) {
.side-panel { .side-panel {
top:0px; top:0px;
width: 22rem; width: 22rem;
@ -108,11 +108,11 @@ div.resizegrip > span {
.side-panel.left.hidden { .side-panel.left.hidden {
width: 80%; width: 80%;
left:-24rem; left:-80%;
height:100%; height:100%;
} }
@media screen and (min-width:44rem) { @media screen and (min-width:40rem) {
.side-panel.left { .side-panel.left {
width:22rem; width:22rem;
} }

2
projects/common/src/fm/components/side-panel/side-panel.component.ts
View File

@ -28,7 +28,7 @@ export class SidePanelComponent implements OnChanges {
checkMobile():boolean { checkMobile():boolean {
let size = parseFloat(getComputedStyle(document.documentElement).width); let size = parseFloat(getComputedStyle(document.documentElement).width);
let rem = parseFloat(getComputedStyle(document.documentElement).fontSize); let rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
let threshold = 44 * rem; let threshold = 40 * rem;
return !(size>threshold); return !(size>threshold);
} }