From e8fab23fe92230c2cb42412bb9ea6040ff14f072 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 25 Apr 2022 02:22:41 +1000
Subject: Add tile visual indicators for many-tiles and phylogenetic-support

---
 src/components/Tile.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/Tile.vue')

diff --git a/src/components/Tile.vue b/src/components/Tile.vue
index a0c0f0f..c5c261d 100644
--- a/src/components/Tile.vue
+++ b/src/components/Tile.vue
@@ -105,7 +105,12 @@ export default defineComponent({
 				padding: this.uiOpts.leafTilePadding + 'px',
 				lineHeight: this.uiOpts.leafHeaderFontSz + 'px',
 				fontSize: this.uiOpts.leafHeaderFontSz + 'px',
-				color: !this.isExpandableLeaf ? this.uiOpts.leafHeaderColor : this.uiOpts.leafHeaderExColor,
+				fontStyle: this.tolNode.pSupport ? 'normal' : 'italic',
+				color: this.tolNode.children.length == 0 ?
+					this.uiOpts.headerColor :
+					this.tolNode.children.length < this.uiOpts.highTipsVal ?
+						this.uiOpts.headerColor2 :
+						this.uiOpts.headerColor3,
 				// For ellipsis
 				overflow: 'hidden',
 				textOverflow: 'ellipsis',
@@ -132,6 +137,7 @@ export default defineComponent({
 				height: this.lytOpts.headerSz + 'px',
 				borderRadius: borderR,
 				backgroundColor: this.uiOpts.nonleafHeaderBgColor,
+				fontStyle: this.tolNode.pSupport ? 'normal' : 'italic',
 			};
 		},
 		nonleafHeaderTextStyles(): Record<string,string> {
-- 
cgit v1.2.3

