From 5db4ecc36e7409dcb1a91879ed6510bc74f6caa4 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sun, 18 Dec 2022 20:47:12 +1100
Subject: Only show close button for multiple timelines

Change close icon from '-' to 'x'
---
 src/components/TimeLine.vue       | 7 ++++---
 src/components/icon/CloseIcon.vue | 7 +++++++
 src/components/icon/MinusIcon.vue | 6 ------
 3 files changed, 11 insertions(+), 9 deletions(-)
 create mode 100644 src/components/icon/CloseIcon.vue
 delete mode 100644 src/components/icon/MinusIcon.vue

(limited to 'src/components')

diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue
index fd119be..7d37ca8 100644
--- a/src/components/TimeLine.vue
+++ b/src/components/TimeLine.vue
@@ -48,10 +48,10 @@
 		</div>
 	</div>
 	<!-- Buttons -->
-	<icon-button :size="30" class="absolute top-2 right-2"
+	<icon-button v-if="closeable" :size="30" class="absolute top-2 right-2"
 		:style="{color: store.color.text, backgroundColor: store.color.altDark2}"
 		@click="emit('remove')" title="Remove timeline">
-		<minus-icon/>
+		<close-icon/>
 	</icon-button>
 </div>
 </template>
@@ -61,7 +61,7 @@ import {ref, onMounted, computed, watch, watchEffect, PropType, Ref, shallowRef,
 // Components
 import IconButton from './IconButton.vue';
 // Icons
-import MinusIcon from './icon/MinusIcon.vue';
+import CloseIcon from './icon/CloseIcon.vue';
 // Other
 import {WRITING_MODE_HORZ, MIN_DATE, MAX_DATE, MONTH_SCALE, DAY_SCALE, SCALES,
 	MIN_CAL_YEAR, HistDate, CalDate, stepDate, inDateScale, getScaleRatio, getUnitDiff, getDaysInMonth,
@@ -78,6 +78,7 @@ const store = useStore();
 // Props + events
 const props = defineProps({
 	vert: {type: Boolean, required: true},
+	closeable: {type: Boolean, default: true},
 	initialState: {type: Object as PropType<TimelineState>, required: true},
 	eventTree: {type: Object as PropType<RBTree<HistEvent>>, required: true},
 });
diff --git a/src/components/icon/CloseIcon.vue b/src/components/icon/CloseIcon.vue
new file mode 100644
index 0000000..dd68c29
--- /dev/null
+++ b/src/components/icon/CloseIcon.vue
@@ -0,0 +1,7 @@
+<template>
+<svg viewBox="0 0 24 24"
+	fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<line x1="18" y1="6" x2="6" y2="18"/>
+	<line x1="6" y1="6" x2="18" y2="18"/>
+</svg>
+</template>
diff --git a/src/components/icon/MinusIcon.vue b/src/components/icon/MinusIcon.vue
deleted file mode 100644
index d316073..0000000
--- a/src/components/icon/MinusIcon.vue
+++ /dev/null
@@ -1,6 +0,0 @@
-<template>
-<svg viewBox="0 0 24 24"
-	fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-	<line x1="5" y1="12" x2="19" y2="12"/>
-</svg>
-</template>
-- 
cgit v1.2.3