diff --git a/src/components/common/WordCloud.vue b/src/components/common/WordCloud.vue index 99a98cf..c525b8d 100644 --- a/src/components/common/WordCloud.vue +++ b/src/components/common/WordCloud.vue @@ -12,19 +12,24 @@ :key="word.text" :id="word.text" :style="{ - fontSize: word.size + 'px', + fontSize: isSelected(word.text) + ? word.size * 1.3 + 'px' + : word.size + 'px', fontFamily: word.font, cursor: 'pointer', - filter: - selectedSkillStore.skill?.name === word.text - ? 'drop-shadow( 0px 0px 3px rgba(0, 0, 0, 0.5))' - : 'none', + filter: isSelected(word.text) + ? 'drop-shadow( 0px 0px 6px rgba(255, 255, 255, 1))' + : 'none', userSelect: 'none', }" :transform="`translate(${word.x}, ${word.y})rotate(${word.rotate})`" text-anchor="middle" @click="word.text && highlightText(word.text)" class="word" + :class="{ + selected: isSelected(word.text), + unselected: !noSelectionAtAll() && !isSelected(word.text), + }" > {{ word.text }} @@ -34,11 +39,19 @@