add tooltips on env var visibility selector

FlowFuse · Jan 22, 2025 · 9d8b069 · 9d8b069
1 parent 7321a95
commit 9d8b069
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontend/src/pages/admin/Template/sections/Environment.vue b/frontend/src/pages/admin/Template/sections/Environment.vue
@@ -99,7 +99,13 @@
                                     </template>
                                 </ff-button>
                                 <template v-if="typeof item.index === 'string' && item.index.startsWith('add-')">
-                                    <ff-button kind="tertiary" size="small" data-el="visibility" @click="setEnvHidden(item.index)">
+                                    <ff-button
+                                        v-ff-tooltip:left="'Setting visibility to hidden will lock the variable name and make the value hidden. To revert, you\'ll need to delete and recreate the variable.'"
+                                        kind="tertiary"
+                                        size="small"
+                                        data-el="visibility"
+                                        @click="setEnvHidden(item.index)"
+                                    >
                                         <template #icon>
                                             <EyeOffIcon v-if="item.hidden" />
                                             <EyeIcon v-else />
@@ -118,6 +124,7 @@
                                     </span>
                                     <ff-button
                                         v-else
+                                        v-ff-tooltip:left="'Setting visibility to hidden will lock the variable name and make the value hidden. To revert, you\'ll need to delete and recreate the variable.'"
                                         kind="tertiary" size="small" data-el="visibility"
                                         @click="setEnvHidden(item.index)"
                                     >