@policystudio/policy-studio-ui-vue 1.1.70 → 1.1.71

package/dist/css/psui_styles.css

@@ -2740,7 +2740,7 @@ video {
 .psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:before {
                 background-color: #ffffff ;
                 left: 0;
-                width: 20px;
+                width: 30px;
                 height: calc(100% + 1px);
               }
 
@@ -2764,6 +2764,10 @@ video {
                 height: calc(100% + 1px);
               }
 
+.psui-el-table-results.layout-flexible tbody tr:not(.is-first) td:first-child > div {
+                margin-left: 16px;
+              }
+
 .psui-el-table-results.layout-flexible tbody tr.is-last {
           border-bottom-width: 0;
         }
@@ -24520,25 +24524,6 @@ html {
   transition-duration: 150ms;
 }
 
-.tooltip.layout-blue .tooltip-inner {
-    background: #00465F;
-    font-weight: 700;
-    color: #ffffff;
-    padding: 10px 16px 12px 16px;
-    border-radius: 6px;
-    font-size: 12px;
-    line-height: 130%;
-  }
-
-.tooltip.layout-gray-50 .tooltip-inner {
-    background: #798490;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    line-height: 130%;
-    letter-spacing: 1px;
-  }
-
 @media (min-width: 640px){
   .sm\:psui-container{
     width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.70",
+  "version": "1.1.71",
   "description": "Policy Studio UI",
   "main": "src/index.js",
   "author": "Policy Studio Team",

package/src/assets/scss/base.scss

@@ -98,28 +98,4 @@ html {
 
 .psui-transition {
   @apply psui-transition-all psui-ease-in-out psui-duration-150;
-}
-
-
-.tooltip.layout-blue {
-  .tooltip-inner {
-    background: #00465F;
-    font-weight: 700;
-    color: #ffffff;
-    padding: 10px 16px 12px 16px;
-    border-radius: 6px;
-    font-size: 12px;
-    line-height: 130%;
-  }
-} 
-
-.tooltip.layout-gray-50 {
-  .tooltip-inner {
-    background: #798490;
-    padding: 4px 8px;
-    border-radius: 4px;
-    font-size: 12px;
-    line-height: 130%;
-    letter-spacing: 1px;
-  }
 }

package/src/assets/scss/components/PsTableResults.scss

@@ -360,7 +360,7 @@
           .title {
             @apply psui-text-small psui-font-bold psui-leading-4;
           }
-  
+
           th {
             @apply psui-pl-4 psui-text-gray-50 psui-text-right psui-w-auto psui-align-top;
             padding-top: 0.438rem;
@@ -637,7 +637,7 @@
   
                 &:before {
                   @apply psui-bg-white psui-left-0;
-                  width: 20px;
+                  width: 30px;
                   height: calc(100% + 1px);
                 }
   
@@ -663,6 +663,16 @@
             }
           }
 
+          &:not(.is-first) {
+            td {
+              &:first-child {
+                > div {
+                  margin-left: 16px;
+                }
+              }
+            }
+          }
+
           &.is-last {
             @apply psui-border-b-0;
 

package/src/components/table-results/PsTableResults.vue

@@ -37,7 +37,7 @@
           @mouseleave="onRowHover(false)"
         >
           <td 
-            :style="item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
+            :style="isHoveringRow == index && layout == 'flexible' ? `background-color: ${getHoveringRowColor(item)};` : item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
           >
 
             <div class="psui-flex psui-relative">
@@ -50,7 +50,7 @@
                 <PsIcon
                     v-if="item.remove_add_button"
                     :icon="item.remove_add_button_icon"
-                    class="psui-flex psui-text-gray-40 pl-8 psui-cursor-pointer leading-none hover:psui-text-blue-60 transition-all"
+                    class="psui-flex psui-text-gray-40 pl-4 psui-cursor-pointer leading-none hover:psui-text-blue-60 transition-all"
                     size="15"
                     display="flex"
                     @click.native="$emit('removeOrAddButtonChange',item)" 
@@ -191,7 +191,7 @@
 
           <template v-for="(columnGroup, indexColumn) of columnGroups">
             <td
-              :style="item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
+              :style="isHoveringRow == index && layout == 'flexible'  ? `background-color: ${getHoveringRowColor(item)};` : item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
               v-for="column of columnGroup.columns"
               class="psui-transition"
               :key="indexColumn + '-' + columnGroup.key + '-' + column.key"
@@ -512,6 +512,9 @@ export default {
     this.$refs.tableWrapper.removeEventListener('scroll', this.handleTableScroll)
   },
   methods: {
+    getHoveringRowColor(item){
+      return  !item.is_disabled && item.deep != 0 ? '#ECF7FB' : item.is_disabled && item.deep != 0 ? '#E6ECF2' : ''
+    },
     setCollapsedRows() {
       if ( this.itemsHiddenIndexes ) {
         this.collapsedRows = [...this.itemsHiddenIndexes]