aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-04-25 02:22:41 +1000
committerTerry Truong <terry06890@gmail.com>2022-04-25 02:22:41 +1000
commite8fab23fe92230c2cb42412bb9ea6040ff14f072 (patch)
treefdb9db8342ec271cd1657463c516df9645474506 /src/components
parent2ab48497797441164e7f57fca2660097d93398ca (diff)
Add tile visual indicators for many-tiles and phylogenetic-support
Diffstat (limited to 'src/components')
-rw-r--r--src/components/Tile.vue8
1 files changed, 7 insertions, 1 deletions
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> {