@eturnity/eturnity_reusable_components 1.1.54 → 1.1.57

package/README.md

@@ -15,7 +15,7 @@ npm run dev
 ### To use storybook
 
 ```
-ToDo
+npm run storybook
 ```
 
 ### To publish a new version

package/package.json

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

package/src/components/tableDropdown/index.vue

@@ -41,9 +41,16 @@
         </no-template>
         <input-container
           v-if="item.type === 'input'"
-          @click.stop="onInputClick()"
+          @click.native.stop="onInputClick()"
         >
+          <text-container
+            v-if="customInputDisabled && item.value === '-'"
+            class="input-placeholder"
+          >
+            <span> {{ item.value }}</span>
+          </text-container>
           <input-text
+            v-else
             class="inputField"
             :value="item.value"
             :noBorder="true"
@@ -181,6 +188,11 @@ const DropdownRow = styled("div", rowAttrs)`
   input {
     cursor: ${(props) => (!props.isOpen ? "pointer !important" : "inherit")};
   }
+
+  .input-placeholder {
+    height: 25px;
+    padding-left: 12px;
+  }
 `
 
 const ComponentItem = styled.td`
@@ -192,6 +204,13 @@ const ComponentItem = styled.td`
     background-clip: content-box;
     padding: 8px 0 7px 0 !important;
 
+    @media not all and (min-resolution: 0.001dpcm) {
+      @supports (-webkit-appearance: none) {
+        /* Safari Only CSS here */
+        padding: 8px 0 10px 0 !important;
+      }
+    }
+
     span {
       padding-left: 15px;
     }
@@ -225,6 +244,13 @@ const ArrowContainer = styled.td`
   padding: 8px 0 7px 0 !important;
   border-radius: 0 4px 4px 0;
 
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      /* Safari Only CSS here */
+      padding: 8px 0 10px 0 !important;
+    }
+  }
+
   .arrow-dropdown {
     vertical-align: middle;
     margin-left: 11px;

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

@@ -84,6 +84,7 @@ const TableContainer = styled.table`
         cursor: pointer;
 
         .arrow-container,
+        .input-placeholder,
         .table-dropdown-item {
           background-color: ${(props) => props.theme.colors.grey5};
         }