@policystudio/policy-studio-ui-vue 1.0.80 → 1.0.81

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18635,6 +18635,11 @@ html {
18635
18635
  color: rgba(40, 50, 59, var(--text-opacity));
18636
18636
  }
18637
18637
 
18638
+ .psui-el-table-results tbody tr .title {
18639
+ display: flex;
18640
+ align-items: center;
18641
+ }
18642
+
18638
18643
  .psui-el-table-results tbody tr td {
18639
18644
  padding-left: 2rem;
18640
18645
  --text-opacity: 1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.0.80",
3
+ "version": "1.0.81",
4
4
  "description": "Policy Studio UI",
5
5
  "main": "src/index.js",
6
6
  "author": "Policy Studio Team",
@@ -66,6 +66,10 @@
66
66
  }
67
67
  }
68
68
 
69
+ .title {
70
+ @apply psui-flex psui-items-center;
71
+ }
72
+
69
73
  td {
70
74
  @apply .psui-pl-8 .psui-text-gray-80 .psui-h-10 .psui-text-right .psui-text-small;
71
75
  padding-top: 11px;
@@ -22,7 +22,7 @@
22
22
  `type-${item.type}`
23
23
  ]"
24
24
  >
25
- <td>
25
+ <td :class="item.slug">
26
26
  <div
27
27
  class="actions psui-space-x-3"
28
28
  :style="{ paddingLeft: `${item.deep * 16}px` }"
@@ -65,13 +65,22 @@
65
65
  </PsRichTooltip>
66
66
  <p
67
67
  v-else
68
- class="title"
68
+ class="title opacity-100-childrens-on-hover"
69
69
  :class="[
70
70
  { 'psui-font-bold' : item.type == 'total' },
71
71
  { 'is-last-deep' : item.last_deep }
72
72
  ]"
73
73
  >
74
74
  {{ item.title }}
75
+
76
+ <PsIcon
77
+ v-if="item.has_helper"
78
+ icon="info"
79
+ size="14"
80
+ class="psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
81
+ :style="{ display: 'flex' }"
82
+ @click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.slug}` })"
83
+ />
75
84
  </p>
76
85
  </div>
77
86
  </td>