@dataloop-ai/components 0.17.6 → 0.17.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/compound/DlTable/DlTable.vue +8 -2
  3. package/src/components/compound/DlTable/styles/dl-table-styles.scss +8 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.17.6",
3
+ "version": "0.17.7",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlTable/DlTable.vue CHANGED
@@ -158,7 +158,10 @@
158
158
  onTrContextMenu($event, props.item, pageIndex)
159
159
  "
160
160
  >
161
- <td v-if="hasDraggableRows">
161
+ <td
162
+ v-if="hasDraggableRows"
163
+ class="dl-table__drag-icon"
164
+ >
162
165
  <dl-icon
163
166
  class="draggable-icon"
164
167
  icon="icon-dl-drag"
@@ -340,7 +343,10 @@
340
343
  onTrContextMenu($event, row, pageIndex)
341
344
  "
342
345
  >
343
- <td v-if="hasDraggableRows">
346
+ <td
347
+ v-if="hasDraggableRows"
348
+ class="dl-table__drag-icon"
349
+ >
344
350
  <dl-icon
345
351
  class="draggable-icon"
346
352
  icon="icon-dl-drag"
package/src/components/compound/DlTable/styles/dl-table-styles.scss CHANGED
@@ -8,6 +8,11 @@
8
8
  border-collapse: separate;
9
9
  border-spacing: 0;
10
10
 
11
+ &__drag-icon > div {
12
+ transition: all ease-in 0.1s;
13
+ opacity: 0;
14
+ }
15
+
11
16
  //markup-table
12
17
 
13
18
  &__card {
@@ -66,6 +71,9 @@
66
71
  height: 40px;
67
72
 
68
73
  &:not(.dl-tr--no-hover):hover {
74
+ .dl-table__drag-icon > div {
75
+ opacity: 1;
76
+ }
69
77
  td:not(.dl-td--no-hover) {
70
78
  background-color: var(--dl-color-fill-hover);
71
79
  }