From 0ec3277695ca9c6c64bcebeb663c2360266113ed Mon Sep 17 00:00:00 2001
From: Michael Mauderer <michael.mauderer@enso.org>
Date: Thu, 7 Dec 2023 13:26:20 +0000
Subject: [PATCH] Selection widget improvements (#8477)

---
 .../GraphEditor/widgets/WidgetSelection.vue    | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/gui2/src/components/GraphEditor/widgets/WidgetSelection.vue b/app/gui2/src/components/GraphEditor/widgets/WidgetSelection.vue
index d921b9d91c9..7670d707e02 100644
--- a/app/gui2/src/components/GraphEditor/widgets/WidgetSelection.vue
+++ b/app/gui2/src/components/GraphEditor/widgets/WidgetSelection.vue
@@ -77,7 +77,6 @@ const selectedLabel = computed(() => {
   return tagLabels.value[selectedIndex.value] ?? ''
 })
 const showDropdownWidget = ref(false)
-const showArgumentValue = ref(true)
 
 // When the selected index changes, we update the expression content.
 watch(selectedIndex, (_index) => {
@@ -107,13 +106,16 @@ export const widgetDefinition = defineWidget([ArgumentPlaceholder, ArgumentAst],
 
 <template>
   <div ref="rootElement" class="WidgetRoot">
-    <span class="WidgetArgumentName" @pointerdown="showDropdownWidget = !showDropdownWidget">
-      <template v-if="showArgumentValue">
-        <NodeWidget :input="props.input" /><span class="value"> {{ selectedValue }} </span>
+    <span
+      class="SelectionWidgetArgumentValue"
+      @pointerdown="showDropdownWidget = !showDropdownWidget"
+    >
+      <NodeWidget :input="props.input" />
+      <template v-if="props.input instanceof ArgumentPlaceholder">
+        <span class="SelectionWidgetArgumentValue"> {{ selectedValue }} </span>
       </template>
-      <template v-else><NodeWidget :input="props.input" /></template>
     </span>
-    <div class="WidgetSingleChoice">
+    <div class="SelectionWidgetSingleChoice">
       <DropdownWidget
         v-if="showDropdownWidget"
         :color="parentColor ?? 'white'"
@@ -125,10 +127,10 @@ export const widgetDefinition = defineWidget([ArgumentPlaceholder, ArgumentAst],
   </div>
 </template>
 <style scoped>
-.value {
+.SelectionWidgetArgumentValue {
   margin-left: 8px;
 }
-.WidgetSingleChoice {
+.SelectionWidgetSingleChoice {
   position: absolute;
   top: 100%;
   margin-top: 4px;