DRT-228:DRT new UI is not displaying correctly its screen when the browser has a resize
This commit is contained in:
@@ -19,11 +19,12 @@ export default {
|
|||||||
pageUri: String,
|
pageUri: String,
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.height = window.innerHeight - this.diffHeight;
|
this.height = `${window.innerHeight - this.diffHeight}px`;
|
||||||
|
window.addEventListener('resize', this.autoResizeFrame);
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
height: "100%",
|
height: "0px",
|
||||||
width: "100%",
|
width: "100%",
|
||||||
diffHeight: 10
|
diffHeight: 10
|
||||||
};
|
};
|
||||||
@@ -32,6 +33,11 @@ export default {
|
|||||||
classBtn(cls) {
|
classBtn(cls) {
|
||||||
return "btn v-btn-request " + cls;
|
return "btn v-btn-request " + cls;
|
||||||
},
|
},
|
||||||
|
autoResizeFrame(event) {
|
||||||
|
event.preventDefault();
|
||||||
|
this.height = `${window.innerHeight - this.diffHeight}px`;
|
||||||
|
event.stopPropagation();
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user