bfg-common 1.4.335 → 1.4.337
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -64,6 +64,10 @@
|
|
|
64
64
|
</div>
|
|
65
65
|
|
|
66
66
|
<div class="vmw-drawer-footer">
|
|
67
|
+
<div class="size-info">
|
|
68
|
+
<p class="size-info-text">View size: {{viewSize}}</p>
|
|
69
|
+
<p class="size-info-text">Canvas size: {{canvasSize}}</p>
|
|
70
|
+
</div>
|
|
67
71
|
<div id="debug-stream"></div>
|
|
68
72
|
</div>
|
|
69
73
|
<div v-if="isKeyboardShown">
|
|
@@ -133,6 +137,20 @@ const onInputManagerFocus = (): void => {
|
|
|
133
137
|
if (hover.value) return
|
|
134
138
|
document.getElementById('inputmanager')?.focus()
|
|
135
139
|
}
|
|
140
|
+
|
|
141
|
+
const viewSize = ref<string>('0 x 0')
|
|
142
|
+
const canvasSize = ref<string>('0 x 0')
|
|
143
|
+
const displaySizeInfo = (): void => {
|
|
144
|
+
const layout = document.getElementById('eventLayer')
|
|
145
|
+
viewSize.value = `${window.innerWidth}px x ${window.innerHeight}px`
|
|
146
|
+
if (layout) {
|
|
147
|
+
canvasSize.value = `${layout.width || 0}px x ${layout.height || 0}px`
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
requestAnimationFrame(displaySizeInfo)
|
|
151
|
+
}
|
|
152
|
+
displaySizeInfo()
|
|
153
|
+
|
|
136
154
|
</script>
|
|
137
155
|
<style lang="scss" scoped>
|
|
138
156
|
.vmw-drawer {
|
|
@@ -241,5 +259,15 @@ const onInputManagerFocus = (): void => {
|
|
|
241
259
|
box-shadow: 0 0 20px 0.5px #ffffff2e;
|
|
242
260
|
}
|
|
243
261
|
}
|
|
262
|
+
|
|
263
|
+
.vmw-drawer-footer {
|
|
264
|
+
.size-info {
|
|
265
|
+
margin-bottom: 10px;
|
|
266
|
+
|
|
267
|
+
.size-info-text {
|
|
268
|
+
color: #ffffff;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
}
|
|
244
272
|
}
|
|
245
273
|
</style>
|