fix: add tooltips for various settings in the right side panel (#8278)

<img width="1264" height="730" alt="CleanShot 2026-01-23 at 21 27 45@2x"
src="https://github.com/user-attachments/assets/9834b673-8467-44c0-b487-d9dd9e4475d0"
/>



┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-8278-fix-add-tooltips-for-various-settings-in-the-right-side-panel-2f16d73d365081e2816cfdf24fa7687f)
by [Unito](https://www.unito.io)
This commit is contained in:
Rizumu Ayaka
2026-01-27 09:31:18 +07:00
committed by GitHub
parent 5eda23b7aa
commit 4370979bc4
4 changed files with 27 additions and 5 deletions

View File

@@ -25,13 +25,18 @@ defineProps<{
"
:class="
cn(
'text-sm text-muted-foreground truncate',
'text-sm text-muted-foreground truncate group',
tooltip ? 'cursor-help' : '',
singleline ? 'flex-1' : ''
)
"
>
{{ label }}
<i
v-if="tooltip"
class="icon-[lucide--info] ml-0.5 size-3 relative top-[1px] group-hover:text-primary"
/>
</span>
<slot />
</div>

View File

@@ -107,15 +107,17 @@ function openFullSettings() {
<FieldSwitch
v-model="showAdvancedParameters"
:label="t('rightSidePanel.globalSettings.showAdvanced')"
:tooltip="t('rightSidePanel.globalSettings.showAdvancedTooltip')"
:tooltip="t('settings.Comfy_Node_AlwaysShowAdvancedWidgets.tooltip')"
/>
<FieldSwitch
v-model="showToolbox"
:label="t('rightSidePanel.globalSettings.showToolbox')"
:tooltip="t('settings.Comfy_Canvas_SelectionToolbox.tooltip')"
/>
<FieldSwitch
v-model="nodes2Enabled"
:label="t('rightSidePanel.globalSettings.nodes2')"
:tooltip="t('settings.Comfy_VueNodes_Enabled.tooltip')"
/>
</div>
</PropertiesAccordionItem>
@@ -156,6 +158,7 @@ function openFullSettings() {
<FieldSwitch
v-model="snapToGrid"
:label="t('rightSidePanel.globalSettings.snapNodesToGrid')"
:tooltip="t('settings.pysssss_SnapToGrid.tooltip')"
/>
</div>
</PropertiesAccordionItem>
@@ -187,6 +190,7 @@ function openFullSettings() {
<FieldSwitch
v-model="showConnectedLinks"
:label="t('rightSidePanel.globalSettings.showConnectedLinks')"
:tooltip="t('settings.Comfy_LinkRenderMode.tooltip')"
/>
</div>
</PropertiesAccordionItem>