@policystudio/policy-studio-ui-vue 1.1.90-beta.41 → 1.1.90-beta.43

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.
Files changed (7) hide show
  1. package/dist/css/psui_styles_output.css +11 -0
  2. package/package.json +1 -1
  3. package/src/assets/scss/components/PsTableResults.scss +13 -1
  4. package/src/components/table-results/PsTableResults.vue +1 -1
  5. package/src/components/table-results/PsTableResultsHead.vue +6 -9
  6. package/src/components/table-results/PsTableResultsHeadComparison.vue +6 -9
  7. package/src/components/table-results/PsTableResultsHeadFlexible.vue +6 -9
package/dist/css/psui_styles_output.css CHANGED
@@ -3126,6 +3126,17 @@ video {
3126
3126
  .psui-el-table-results.layout-flexible tbody tr.is-active td:first-child {
3127
3127
  transition: background-color 0.5s ease;
3128
3128
  }
3129
+ .psui-el-table-results .psui-show-childrens-on-hover:hover * {
3130
+ opacity: 1 !important;
3131
+ }
3132
+ .psui-el-table-results .psui-show-childrens-on-hover.absolute-childrens {
3133
+ position: relative;
3134
+ }
3135
+ .psui-el-table-results .psui-show-childrens-on-hover.absolute-childrens .helper {
3136
+ position: absolute;
3137
+ top: 0;
3138
+ right: -18px;
3139
+ }
3129
3140
 
3130
3141
  .psui-el-checkbox {
3131
3142
  position: relative;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.1.90-beta.41",
3
+ "version": "1.1.90-beta.43",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
package/src/assets/scss/components/PsTableResults.scss CHANGED
@@ -730,6 +730,18 @@
730
730
  }
731
731
  }
732
732
  }
733
+ .psui-show-childrens-on-hover:hover * {
734
+ opacity: 1!important
735
+ }
736
+
737
+ .psui-show-childrens-on-hover.absolute-childrens {
738
+ position: relative
739
+ }
740
+
741
+ .psui-show-childrens-on-hover.absolute-childrens .helper {
742
+ position: absolute;
743
+ top: 0;
744
+ right: -18px
745
+ }
733
746
  }
734
-
735
747
  }
package/src/components/table-results/PsTableResults.vue CHANGED
@@ -8,7 +8,7 @@
8
8
  <table
9
9
  ref="table"
10
10
  class="psui-el-table-results"
11
- :class="[`layout-${layout}`, { 'is-sticky': isSticky.value }]"
11
+ :class="[`layout-${layout}`, { 'is-sticky': isSticky }]"
12
12
  >
13
13
  <slot name="header" />
14
14
 
package/src/components/table-results/PsTableResultsHead.vue CHANGED
@@ -21,9 +21,8 @@
21
21
  <PsIcon
22
22
  icon="info_outline"
23
23
  size="16"
24
- class="psui-cursor-pointer"
25
- icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
26
- :style="{ display: 'flex' }"
24
+ class="psui-cursor-pointer psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
25
+ :style="{ display: 'flex', marginTop: '1px' }"
27
26
  @click="emit('click-column-group-helper', columnGroup, $event)"
28
27
  />
29
28
  </div>
@@ -54,18 +53,16 @@
54
53
  :icon="orderDirection == 'asc' ? 'arrow_downward' : 'arrow_upward'"
55
54
  :type="orderDirection == 'asc' ? 'arrow_upward' : 'arrow_upward'"
56
55
  size="16"
57
- class="psui-cursor-pointer helper"
58
- icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
59
- :style="{ display: 'flex' }"
56
+ class="helper psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
57
+ :style="{ display: 'flex', marginTop: '1px' }"
60
58
  @click="emit('click-order-column', column)"
61
59
  />
62
60
 
63
61
  <PsIcon
64
62
  icon="info_outline"
65
63
  size="16"
66
- class="psui-cursor-pointer helper"
67
- icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
68
- :style="{ display: 'flex' }"
64
+ class="helper psui-cursor-pointer psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
65
+ :style="{ display: 'flex', marginTop: '1px' }"
69
66
  @click="emit('click-column-helper', column, $event)"
70
67
  />
71
68
  <p
package/src/components/table-results/PsTableResultsHeadComparison.vue CHANGED
@@ -26,9 +26,8 @@
26
26
  <PsIcon
27
27
  icon="info"
28
28
  size="18"
29
- class="psui-cursor-pointer"
30
- icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
31
- :style="{ display: 'flex' }"
29
+ class="psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
30
+ :style="{ display: 'flex', marginTop: '1px' }"
32
31
  @click="emit('click-column-group-helper', columnGroup, $event)"
33
32
  />
34
33
  </div>
@@ -53,9 +52,8 @@
53
52
  <PsIcon
54
53
  icon="info"
55
54
  size="16"
56
- class="psui-cursor-pointer helper"
57
- icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
58
- :style="{ display: 'flex' }"
55
+ class="helper psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
56
+ :style="{ display: 'flex', marginTop: '1px' }"
59
57
  @click="emit('click-column-helper', column, $event)"
60
58
  />
61
59
 
@@ -64,9 +62,8 @@
64
62
  :icon="orderDirection == 'asc' ? 'arrow_downward' : 'arrow_upward'"
65
63
  :type="orderDirection == 'asc' ? 'arrow_upward' : 'arrow_upward'"
66
64
  size="16"
67
- class="psui-cursor-pointer helper"
68
- icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
69
- :style="{ display: 'flex' }"
65
+ class="helper psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
66
+ :style="{ display: 'flex', marginTop: '1px' }"
70
67
  @click="emit('click-order-column', column)"
71
68
  />
72
69
  </div>
package/src/components/table-results/PsTableResultsHeadFlexible.vue CHANGED
@@ -13,9 +13,8 @@
13
13
  <PsIcon
14
14
  icon="info_outline"
15
15
  size="16"
16
- class="psui-cursor-pointer"
17
- icon-classes="psui-text-blue-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
18
- :style="{ display: 'flex' }"
16
+ class="psui-cursor-pointer psui-text-blue-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
17
+ :style="{ display: 'flex', marginTop: '1px' }"
19
18
  @click="emit('click-column-group-helper', columnGroup, $event)"
20
19
  />
21
20
  </div>
@@ -45,9 +44,8 @@
45
44
  <PsIcon
46
45
  icon="info_outline"
47
46
  size="16"
48
- class="psui-cursor-pointer helper"
49
- icon-classes="psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
50
- :style="{ display: 'flex' }"
47
+ class="helper psui-cursor-pointer psui-text-gray-40 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
48
+ :style="{ display: 'flex', marginTop: '1px' }"
51
49
  @click="emit('click-column-helper', column, $event)"
52
50
  />
53
51
 
@@ -56,9 +54,8 @@
56
54
  :icon="orderDirection == 'asc' ? 'arrow_downward' : 'arrow_upward'"
57
55
  :type="orderDirection == 'asc' ? 'arrow_upward' : 'arrow_upward'"
58
56
  size="16"
59
- class="psui-cursor-pointer helper"
60
- icon-classes="psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
61
- :style="{ display: 'flex' }"
57
+ class="helper psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
58
+ :style="{ display: 'flex', marginTop: '1px' }"
62
59
  @click="emit('click-order-column', column)"
63
60
  />
64
61
  </div>