jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): small ui bugs (zindex for select, player scale)

Browse source
This commit is contained in:
nick-delirium 2023-01-30 11:44:13 +01:00
parent 48145e5a70
commit d15961ace8
3 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx
View file

@ -61,7 +61,7 @@ function ClickMapCard({
return evt
}) || { timestamp: metricStore.instance.data.startTs }
const jumpTimestamp = (jumpToEvent.timestamp - metricStore.instance.data.startTs) + jumpToEvent.domBuildingTime
const jumpTimestamp = (jumpToEvent.timestamp - metricStore.instance.data.startTs) + jumpToEvent.domBuildingTime + 99 // 99ms safety margin to give some time for the DOM to load
return (
<div id="clickmap-render">

1
frontend/app/components/shared/Filters/FilterValueDropdown/FilterValueDropdown.module.css
View file

@ -6,6 +6,7 @@
align-items: center;
height: 26px;
width: 100%;
z-index: 3;
& .right {
height: 24px;

12
frontend/app/player/web/WebPlayer.ts
View file

@ -62,12 +62,16 @@ export default class WebPlayer extends Player {
}
attach = (parent: HTMLElement) => {
attach = (parent: HTMLElement, isClickmap?: boolean) => {
this.screen.attach(parent)
window.addEventListener('resize', this.scale)
this.scale()
if (!isClickmap) {
window.addEventListener('resize', this.scale)
this.scale()
}
}
scale = () => {
console.log('called scale')
const { width, height } = this.wpState.get()
this.screen.scale({ width, height })
this.inspectorController.scale({ width, height })
@ -76,7 +80,7 @@ export default class WebPlayer extends Player {
}
scaleFullPage = () => {
window.removeEventListener('resize', this.scaleFullPage)
window.removeEventListener('resize', this.scale)
window.addEventListener('resize', this.scaleFullPage)
const portHeight = this.screen.scaleFullPage()