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

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

Browse Source
This commit is contained in:
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

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

@ -45,6 +45,7 @@
overflow-y:auto; overflow-y:auto;
position: relative; position: relative;
z-index: 1; z-index: 1;
background-color: rgb(255,255,255);
} }
.resizegrip { .resizegrip {
@ -55,6 +56,13 @@
position: relative; 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 { div.resizegrip > span {
position: relative; position: relative;

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

@ -34,7 +34,7 @@ export class SidePanelComponent implements OnChanges {
setTop() { setTop() {
this.mobile = this.checkMobile(); this.mobile = this.checkMobile();
this.resizeTop = this.mobile?50:0; 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() { ngAfterViewInit() {
@ -69,7 +69,7 @@ export class SidePanelComponent implements OnChanges {
clientY=(event as DragEvent).clientY; clientY=(event as DragEvent).clientY;
} }
this.resizeTop = Math.min(98, Math.max(0, clientY / (this.parentHeight / 100))); 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) { ngOnChanges(changes: SimpleChanges) {