Merge pull request #837 from oslokommune/multi-objective-chevron

Always display chevrons in objective links
oslokommune · Aug 17, 2023 · 8794983 · 8794983
2 parents 50b5796 + 26a2370
commit 8794983
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/ObjectiveRow.vue b/src/components/ObjectiveRow.vue
@@ -5,8 +5,9 @@
     :class="['objective', { 'objective--compact': compact }]"
     @click="isLink ? () => {} : $emit('click', $event)"
   >
-    <h3 class="pkt-txt-18-medium mb-size-8">
+    <h3 class="objective__title pkt-txt-18-medium mb-size-8">
       {{ objective.name }}
+      <pkt-icon v-if="isLink" class="pkt-link__icon" name="chevron-right" />
     </h3>
 
     <p v-if="!compact && objective.description" class="mb-size-8">
@@ -80,6 +81,12 @@ export default {
     color: var(--color-hover);
   }
 
+  &__title {
+    display: flex;
+    gap: 0.25rem;
+    align-items: center;
+  }
+
   &__progress {
     display: flex;
     gap: 0.75rem;