@eturnity/eturnity_reusable_components 1.0.80 → 1.0.84

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.0.80",
+  "version": "1.0.84",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tableDropdown/index.vue

@@ -1,11 +1,6 @@
 <template>
-  <dropdown-row
-    :colspan="colSpan"
-    @click="toggleOpen"
-    ref="dropdownItem"
-    class="table-dropdown"
-  >
-    <component-container :colSpan="colSpan">
+  <dropdown-row :colspan="colSpan" @click="toggleOpen" ref="dropdownItem">
+    <component-container :colSpan="colSpan" class="table-dropdown">
       <component-item v-for="(item, index) in tableItems" :key="index">
         <template-button
           @click.stop="onTemplateClick(item.row)"

package/src/components/tables/mainTable/index.vue

@@ -241,6 +241,10 @@ const TableContainer = styled.table`
         visibility: visible;
       }
 
+      .drag-wrapper {
+        background-color: ${(props) => props.theme.colors.grey5};
+      }
+
       .arrow-dropdown {
         visibility: visible;
       }
@@ -248,8 +252,18 @@ const TableContainer = styled.table`
 
     .drag-container {
       display: table-cell;
-      width: 12px;
-      vertical-align: middle;
+      width: 20px;
+      min-width: 20px;
+      height: 40px;
+    }
+
+    .drag-wrapper {
+      width: 16px;
+      height: 36px;
+      display: grid;
+      align-items: center;
+      justify-items: center;
+      border-radius: 4px;
     }
 
     .drag-icon {
@@ -297,7 +311,11 @@ const TableContainer = styled.table`
   input {
     font-size: 13px;
     padding: 5px 10px;
-    background: #fff !important;
+    background: #fff;
+
+    &:focus {
+      background: ${(props) => props.theme.colors.grey5};
+    }
   }
 
   .open-container {