@eturnity/eturnity_reusable_components 1.0.78 → 1.0.82

package/package.json

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

package/src/components/inputs/inputNumber/index.vue

@@ -104,9 +104,7 @@ const InputContainer = styled("input", inputProps)`
     props.isError ? props.theme.colors.red : props.theme.colors.black};
   width: ${(props) => (props.inputWidth ? props.inputWidth : "100%")};
   background-color: ${(props) =>
-    props.isDisabled
-      ? props.theme.colors.grey5 + " !important"
-      : "#fff !important"};
+    props.isDisabled ? props.theme.colors.grey5 : "#fff"};
   box-sizing: border-box;
 
   &::placeholder {

package/src/components/tableDropdown/index.vue

@@ -1,6 +1,6 @@
 <template>
   <dropdown-row :colspan="colSpan" @click="toggleOpen" ref="dropdownItem">
-    <component-container :colSpan="colSpan">
+    <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

@@ -78,8 +78,16 @@ const TableContainer = styled.table`
   tbody {
     tr {
       &:hover {
-        background-color: ${(props) => props.theme.colors.grey5};
+        background-color: ${(props) => props.theme.colors.white};
         cursor: pointer;
+
+        .table-dropdown {
+          background-color: ${(props) => props.theme.colors.grey5} !important;
+        }
+
+        input {
+          background-color: ${(props) => props.theme.colors.grey5} !important;
+        }
       }
 
       td {
@@ -233,6 +241,10 @@ const TableContainer = styled.table`
         visibility: visible;
       }
 
+      .drag-wrapper {
+        background-color: ${(props) => props.theme.colors.grey5};
+      }
+
       .arrow-dropdown {
         visibility: visible;
       }
@@ -240,8 +252,22 @@ const TableContainer = styled.table`
 
     .drag-container {
       display: table-cell;
-      width: 12px;
+      width: 20px;
+      min-width: 20px;
+      height: 40px;
       vertical-align: middle;
+      display: grid;
+      align-items: center;
+      justify-items: center;
+    }
+
+    .drag-wrapper {
+      width: 16px;
+      height: 36px;
+      display: grid;
+      align-items: center;
+      justify-items: center;
+      border-radius: 4px;
     }
 
     .drag-icon {