feat: show edit on hover only

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>
2026-07-07 21:04:07 -04:00
parent 8bbcc9e8b7
commit 019b0b6367
1 changed files with 17 additions and 0 deletions
@@ -112,6 +112,7 @@ const onToggleVisibility = (collection: CollectionObject) => {
              icon="mdi-pencil"
              size="x-small"
              variant="text"
+              class="collection-edit-btn"
              @click.stop="onCollectionEdit(collection)"
            />
          </template>
@@ -145,4 +146,20 @@ const onToggleVisibility = (collection: CollectionObject) => {
 .v-list-item {
  cursor: pointer;
 }
+
+.collection-edit-btn {
+  opacity: 0;
+  transition: opacity 0.15s ease;
+}
+
+.v-list-item:hover .collection-edit-btn,
+.v-list-item:focus-within .collection-edit-btn {
+  opacity: 1;
+}
+
+@media (hover: none) {
+  .collection-edit-btn {
+    opacity: 1;
+  }
+}
 </style>