style: fix grabbing style

mysigmail · Dec 18, 2023 · 6a3730a · 6a3730a
1 parent 7687e87
commit 6a3730a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/assets/scss/preview.scss b/src/assets/scss/preview.scss
@@ -140,6 +140,7 @@ a {
   align-items: center;
   justify-content: center;
   background-color: transparent !important;
+  background-image: none !important;
   > table,
   tr,
   td,

diff --git a/src/components/editor/components/list/ComponentListItem.vue b/src/components/editor/components/list/ComponentListItem.vue
@@ -80,6 +80,10 @@ onMounted(() => {
 .component-list-items {
   .item {
     margin-bottom: var(--spacing-sm);
+    cursor: grab;
+    &:active {
+      cursor: grabbing;
+    }
   }
   .name {
     margin-bottom: var(--spacing-xs);

diff --git a/src/components/email-components/utils.ts b/src/components/email-components/utils.ts
@@ -27,7 +27,8 @@ export function addGhost(dataTransfer: DragEvent['dataTransfer'], name: string)
     justifyContent: 'center',
     position: 'fixed',
     top: '99%', // фикс отображения в safari
-  }
+    cursor: 'grabbing',
+  } as HTMLElement['style']
 
   el.id = 'ghost'
   el.innerHTML = name