chenhao 2 năm trước cách đây
mục cha
commit
9ed651e473

+ 14 - 2
src/components/shared/ScoringPanelItem.vue

@@ -48,8 +48,13 @@
         @input="scoreChange"
         @input="scoreChange"
       />
       />
     </toggle-dialog-render>
     </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>
     </toggle-dialog-render>
     </toggle-dialog-render>
   </div>
   </div>
 </template>
 </template>
@@ -316,5 +321,12 @@ const onToggleClick = () => {
     outline: none;
     outline: none;
     font-weight: bold;
     font-weight: bold;
   }
   }
+
+  .toggle-icon {
+    opacity: 0;
+    &.toggle-visible {
+      opacity: 1;
+    }
+  }
 }
 }
 </style>
 </style>