Fix V3 UI tooltip rendering (#1091)#1094
Conversation
Replace native HTML title attributes with v-b-tooltip directive throughout client-v3 to restore Bootstrap-styled tooltips. Replace the plain "?" text span in ConfigSettings with IMdiHelpCircle icon, and restore the missing help icon on the Browser Console Log Level setting in UserSettingsConfig. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Client V3 Test Results23 tests 23 ✅ 0s ⏱️ Results for commit d7ffb8a. ♻️ This comment has been updated with latest results. |
Client Test Results128 tests 128 ✅ 0s ⏱️ Results for commit d7ffb8a. ♻️ This comment has been updated with latest results. |
Python Test Results 1 files 1 suites 1m 33s ⏱️ Results for commit d7ffb8a. ♻️ This comment has been updated with latest results. |
Playwright E2E Results (chromium)151 tests 151 ✅ 1m 29s ⏱️ Results for commit d7ffb8a. ♻️ This comment has been updated with latest results. |
Playwright E2E Results (firefox)151 tests 151 ✅ 1m 30s ⏱️ Results for commit d7ffb8a. ♻️ This comment has been updated with latest results. |
v-b-tooltip injects hidden tooltip-inner divs containing the word "server",
causing locator('text=Server').first() to resolve to a hidden tooltip element
rather than the Server radio label in the Logs tab. Scope the locator to
.tab-pane.active labels with exact text match, consistent with the adjacent
Client label click on line 251.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
|
1 participant
Summary
titleattributes used as tooltips withv-b-tooltipdirective, restoring Bootstrap-styled tooltip popups throughout the V3 UI"?"text span inConfigSettingswith an<IMdiHelpCircle>icon (restoring the visual parity with the V2<b-icon-question-circle-fill>)UserSettingsConfig, which was dropped during the V2→V3 portFiles changed
config/ConfigSettings.vue<span>?</span>+:title→<IMdiHelpCircle>+v-b-tooltipuser/settings/UserSettingsConfig.vueshow/config/mics/ResourceAvailability.vue:title→v-b-tooltipshow/config/mics/MicAllocations.vue:title→v-b-tooltipshow/config/mics/MicTimeline.vuetitle→v-b-tooltipon Export buttonshow/config/mics/SceneDensityHeatmap.vue:title→v-b-tooltipon scene barsshow/config/stage/CrewTimeline.vuetitle→v-b-tooltipon Export buttonshow/config/stage/StageTimeline.vuetitle→v-b-tooltipon Export buttonshow/live/StageManagerPane.vuetitle→v-b-tooltipon pin iconTest plan
help_text; hover shows Bootstrap-styled tooltipRelated
Closes #1091
See also #1093 (follow-up: ResourceAvailability tooltip DOM node leak)
🤖 Generated with Claude Code