@eturnity/eturnity_reusable_components 7.4.4-EPDM-9606 → 7.4.4-EPDM-7260.2

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

@@ -72,7 +72,7 @@ const TableWrapper = styled('div', wrapperAttrs)`
   overflow-y: hidden;
 
   ::-webkit-scrollbar {
-    height: 10px; //height of the whole scrollbar area
+    height: 5px; //height of the whole scrollbar area
   }
 
   ::-webkit-scrollbar-track {
@@ -81,7 +81,7 @@ const TableWrapper = styled('div', wrapperAttrs)`
   }
 
   ::-webkit-scrollbar-thumb {
-    border-bottom: 10px solid ${(props) => props.theme.colors.brightBlue}; // width of the actual scrollbar
+    border-bottom: 5px solid ${(props) => props.theme.colors.purple}; // width of the actual scrollbar
     border-radius: 4px;
   }
 `

package/src/components/threeDots/index.vue

@@ -1,5 +1,9 @@
 <template>
-  <page-container @click="toggleButton()" ref="pageContainer" :activated="isOpen">
+  <page-container
+    @click="toggleButton()"
+    ref="pageContainer"
+    :activated="isOpen"
+  >
     <button-container ref="dropdownItem">
       <dot-item />
       <dot-item />
@@ -23,17 +27,17 @@
             v-for="child in childOpen"
             :key="child.value"
             @click.stop="
-            onSelect({
-              item: child,
-              hasChildren: hasChildren(child)
-            })
-          "
+              onSelect({
+                item: child,
+                hasChildren: hasChildren(child)
+              })
+            "
             @keyup.enter.stop="
-            onSelect({
-              item: child,
-              hasChildren: hasChildren(child)
-            })
-          "
+              onSelect({
+                item: child,
+                hasChildren: hasChildren(child)
+              })
+            "
           >
             {{ child.name }}
           </option-child>
@@ -43,10 +47,12 @@
             v-for="(item, index) in options"
             :key="item.value"
             tabindex="0"
-            @click.stop="onSelect({ item: item, hasChildren: hasChildren(item) })"
+            @click.stop="
+              onSelect({ item: item, hasChildren: hasChildren(item) })
+            "
             @keyup.enter="
-            onSelect({ item: item, hasChildren: hasChildren(item) })
-          "
+              onSelect({ item: item, hasChildren: hasChildren(item) })
+            "
             @mouseover="onItemHover({ index, item })"
             :isDisabled="item.disabled"
           >
@@ -55,8 +61,8 @@
               v-if="hasChildren(item)"
             />
             <span>
-            {{ item.name }}
-          </span>
+              {{ item.name }}
+            </span>
           </option-item>
         </options-container>
       </template>
@@ -133,7 +139,8 @@ const PageContainer = styled('div', PageContainerAttrs)`
   width: 30px;
   height: 30px;
   border-radius: 4px;
-  background-color: ${(props) => props.activated ? props.theme.colors.grey5 : ''};
+  background-color: ${(props) =>
+    props.activated ? props.theme.colors.grey5 : ''};
 
   &:hover {
     background-color: ${(props) => props.theme.colors.grey5};
@@ -317,21 +324,28 @@ export default {
       const positionArray = this.determineElementQuarter(button, rectButton)
       contextMenu.style.transform = ''
       if (positionArray.includes('left')) {
-        contextMenu.style.left = (rectButton.right - rectRelativeParent.left + 5) + 'px'
+        contextMenu.style.left =
+          rectButton.right - rectRelativeParent.left + 5 + 'px'
       } else {
-        contextMenu.style.left = (rectButton.left - rectRelativeParent.left - 5) + 'px'
+        contextMenu.style.left =
+          rectButton.left - rectRelativeParent.left - 5 + 'px'
         contextMenu.style.transform = 'translateX(-100%)'
       }
       if (positionArray.includes('top')) {
-        contextMenu.style.top = (rectButton.top - rectRelativeParent.top) + 'px'
+        contextMenu.style.top = rectButton.top - rectRelativeParent.top + 'px'
       } else {
-        contextMenu.style.top = (rectButton.bottom - rectRelativeParent.top) + 'px'
+        contextMenu.style.top =
+          rectButton.bottom - rectRelativeParent.top + 'px'
         contextMenu.style.transform += ' translateY(-100%)'
       }
     },
     findRelativeParent(element) {
       while (element.parentElement) {
-        if (window.getComputedStyle(element.parentElement).position === 'relative' || window.getComputedStyle(element.parentElement).position === 'absolute') {
+        if (
+          window.getComputedStyle(element.parentElement).position ===
+            'relative' ||
+          window.getComputedStyle(element.parentElement).position === 'absolute'
+        ) {
           return element.parentElement
         }
         element = element.parentElement

package/src/main.js

@@ -1,6 +1,6 @@
-import Vue from "vue"
-import App from "./App.vue"
-import VueCompositionAPI from "@vue/composition-api"
+import Vue from 'vue'
+import App from './App.vue'
+import VueCompositionAPI from '@vue/composition-api'
 import vClickOutside from 'v-click-outside'
 
 Vue.config.productionTip = false
@@ -9,5 +9,5 @@ Vue.use(VueCompositionAPI)
 Vue.use(vClickOutside)
 
 new Vue({
-  render: (h) => h(App),
-}).$mount("#app")
+  render: (h) => h(App)
+}).$mount('#app')