@@ -48,8 +48,13 @@
@input="scoreChange"
/>
</toggle-dialog-render>
- <toggle-dialog-render v-if="props.toggleModal">
- <svg-icon class="pointer" name="toggle-panel" @click="onToggleClick"></svg-icon>
+ <toggle-dialog-render>
+ <svg-icon
+ class="pointer toggle-icon"
+ :class="{ visible: props.toggleModal }"
+ name="toggle-panel"
+ @click="onToggleClick"
+ ></svg-icon>
</div>
</template>
@@ -316,5 +321,12 @@ const onToggleClick = () => {
outline: none;
font-weight: bold;
}
+
+ .toggle-icon {
+ opacity: 0;
+ &.toggle-visible {
+ opacity: 1;
+ }
</style>