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

fix(tracker): some fixes for uxt

Browse source
This commit is contained in:
nick-delirium 2023-12-12 12:02:24 +01:00
parent b077d29557
commit 44dc49b135
3 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
tracker/tracker/package.json
View file

@ -1,7 +1,7 @@
{
"name": "@openreplay/tracker",
"description": "The OpenReplay tracker main package",
"version": "11.0.2-15",
"version": "11.0.2-20",
"keywords": [
"logging",
"replay"

11
tracker/tracker/src/main/modules/userTesting/index.ts
View file

@ -216,6 +216,7 @@ export default class UserTestManager {
this.removeGreeting()
this.durations.testStart = this.app.timestamp()
void this.signalTest('begin')
this.container.style.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`
Object.assign(this.container.style, styles.containerWidgetStyle)
this.showWidget(this.test?.guidelines || '', this.test?.tasks || [])
}
@ -251,12 +252,16 @@ export default class UserTestManager {
})
// Create title section
const titleSection = this.createTitleSection()
this.container.style.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`
Object.assign(this.container.style, styles.containerWidgetStyle)
const descriptionSection = this.createDescriptionSection(guidelines)
const tasksSection = this.createTasksSection(tasks)
const stopButton = createElement('div', 'stop_bn_or', styles.stopWidgetStyle, 'Abort Session')
const stopContainer = createElement('div', 'stop_ct_or', { fontSize: '13px!important' })
stopContainer.style.fontSize = '13px'
stopContainer.append(stopButton)
this.container.append(titleSection, descriptionSection, tasksSection, stopButton)
this.container.append(titleSection, descriptionSection, tasksSection, stopContainer)
this.taskSection = tasksSection
this.descriptionSection = descriptionSection
this.stopButton = stopButton
@ -296,6 +301,7 @@ export default class UserTestManager {
const toggleWidget = (isVisible: boolean) => {
this.widgetVisible = isVisible
this.container.style.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`
Object.assign(
this.container.style,
this.widgetVisible
@ -427,6 +433,7 @@ export default class UserTestManager {
allow_typing: boolean
}[],
) {
this.container.style.fontFamily = `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`
Object.assign(this.container.style, styles.containerWidgetStyle)
const section = createElement('div', 'task_section_or', styles.descriptionWidgetStyle)
const titleContainer = createElement('div', 'description_t_title_or', styles.sectionTitleStyle)
@ -434,7 +441,7 @@ export default class UserTestManager {
'div',
'title',
{
fontSize: '14px',
fontSize: '13px',
fontWeight: '500',
lineHeight: 'auto',
},

5
tracker/tracker/src/main/modules/userTesting/styles.ts
View file

@ -9,7 +9,7 @@ export const bgStyle = {
alignItems: 'center',
justifyContent: 'center',
zIndex: 999999,
fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";`,
fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
}
export const containerStyle = {
@ -29,6 +29,7 @@ export const containerWidgetStyle = {
gap: 'unset',
'align-items': 'center',
padding: 'unset',
fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`,
'border-radius': '2px',
border: '1px solid #D9D9D9',
background: 'rgba(255, 255, 255, 0.75)',
@ -183,7 +184,7 @@ export const stopWidgetStyle = {
cursor: 'pointer',
display: 'block',
fontWeight: '500',
fontSize: 13,
fontSize: '13px!important',
lineHeight: 'auto',
}