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

Fix transparency and toggle on resize
FarmMaps.Develop/FarmMapsLib/develop This commit looks good Details

pull/1/head
Willem Dantuma 2019-09-12 09:57:45 +02:00
parent 7c0af90769
commit e728d7b042
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
projects/common/src/lib/components/side-panel/side-panel.component.scss
View File

@ -45,6 +45,7 @@
overflow-y:auto;
position: relative;
z-index: 1;
background-color: rgb(255,255,255);
}
.resizegrip {
@ -53,7 +54,14 @@
display: none;
text-align: center;
position: relative;
z-index: 2;
z-index: 2;
}
div.resizegrip > div {
position: absolute;
top:0px;
height: 1rem;
width: 100%;
background-color: rgb(255,255,255);
}
div.resizegrip > span {

4
projects/common/src/lib/components/side-panel/side-panel.component.ts
View File

@ -34,7 +34,7 @@ export class SidePanelComponent implements OnChanges {
setTop() {
this.mobile = this.checkMobile();
this.resizeTop = this.mobile?50:0;
this.top = (this.collapsed? (this.mobile? 100:0): this.resizeTop) + "%";
this.top = (this.visible?this.resizeTop: (this.mobile? 100:0)) + "%";
}
ngAfterViewInit() {
@ -69,7 +69,7 @@ export class SidePanelComponent implements OnChanges {
clientY=(event as DragEvent).clientY;
}
this.resizeTop = Math.min(98, Math.max(0, clientY / (this.parentHeight / 100)));
this.top = (this.collapsed? (this.mobile? 100:0): this.resizeTop) + "%";
this.top = (this.visible? this.resizeTop:(this.mobile? 100:0)) + "%";
}
ngOnChanges(changes: SimpleChanges) {