@eturnity/eturnity_reusable_components 1.1.55 → 1.1.58

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.55",
+  "version": "1.1.58",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tableDropdown/index.vue

@@ -41,9 +41,13 @@
         </no-template>
         <input-container
           v-if="item.type === 'input'"
-          @click.stop="onInputClick()"
+          @click.native.stop="onInputClick()"
         >
+          <text-container v-if="customInputDisabled" class="input-placeholder">
+            <span> {{ item.value }}</span>
+          </text-container>
           <input-text
+            v-else
             class="inputField"
             :value="item.value"
             :noBorder="true"
@@ -181,6 +185,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,9 +201,11 @@ const ComponentItem = styled.td`
     background-clip: content-box;
     padding: 8px 0 7px 0 !important;
 
-    @supports (-webkit-appearance: none) {
-      /* Safari Only CSS here */
-      padding: 8px 0 10px 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 {
@@ -230,9 +241,11 @@ const ArrowContainer = styled.td`
   padding: 8px 0 7px 0 !important;
   border-radius: 0 4px 4px 0;
 
-  @supports (-webkit-appearance: none) {
-    /* Safari Only CSS here */
-    padding: 8px 0 10px 0 !important;
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      /* Safari Only CSS here */
+      padding: 8px 0 10px 0 !important;
+    }
   }
 
   .arrow-dropdown {

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};
         }