diff --git a/tracker/tracker/package.json b/tracker/tracker/package.json index ae74ff6f3..e7e18485d 100644 --- a/tracker/tracker/package.json +++ b/tracker/tracker/package.json @@ -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" diff --git a/tracker/tracker/src/main/modules/userTesting/index.ts b/tracker/tracker/src/main/modules/userTesting/index.ts index 2b8a2b36b..5145fe09c 100644 --- a/tracker/tracker/src/main/modules/userTesting/index.ts +++ b/tracker/tracker/src/main/modules/userTesting/index.ts @@ -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', }, diff --git a/tracker/tracker/src/main/modules/userTesting/styles.ts b/tracker/tracker/src/main/modules/userTesting/styles.ts index ddc28a0ee..44f5a725e 100644 --- a/tracker/tracker/src/main/modules/userTesting/styles.ts +++ b/tracker/tracker/src/main/modules/userTesting/styles.ts @@ -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', }