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
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -83,7 +83,7 @@ div.resizegrip > span {
top:-1rem;
}
@media screen and (min-width:44rem) {
@media screen and (min-width:40rem) {
.side-panel {
top:0px;
width: 22rem;
@@ -108,11 +108,11 @@ div.resizegrip > span {
.side-panel.left.hidden {
width: 80%;
left:-24rem;
left:-80%;
height:100%;
}
@media screen and (min-width:44rem) {
@media screen and (min-width:40rem) {
.side-panel.left {
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 {
let size = parseFloat(getComputedStyle(document.documentElement).width);
let rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
let threshold = 44 * rem;
let threshold = 40 * rem;
return !(size>threshold);
}