Hide non-functional triangle indicator in goal only setting

impermeable · Oct 31, 2022 · 95e8701 · 95e8701
1 parent 3d83e7b
commit 95e8701
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/editpage/components/response/Goal.vue b/src/editpage/components/response/Goal.vue
@@ -11,8 +11,13 @@
     <div class="hrfake">
       <span class="goal-id">({{index + 1}}/{{total}})</span>
     </div>
-    <div :class="{opened: opened, 'opened-tick': true}">▶</div>
-    <span class="goal-target" v-html="subGoal"></span>
+    <div v-if="showHypotheses" :class="{opened: opened, 'opened-tick': true}">
+      ▶
+    </div>
+    <span :class="{'goal-target': true,
+      'goal-with-hypotheses': showHypotheses}"
+          v-html="subGoal">
+    </span>
   </div>
 </template>
 
@@ -172,9 +177,12 @@ export default {
     margin-bottom: -1.3em;
   }
 
-  .goal-target {
+  .goal-with-hypotheses {
     margin-top: 0.3em;
     margin-left: 1em;
   }
 
+  .goal-target {
+    margin-top: 0.3em;
+  }
 </style>