playbook_ui 5.0.1 → 5.0.2
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_popover/_popover.html.erb +2 -2
- data/app/pb_kits/playbook/pb_popover/_popover.scss +19 -21
- data/app/pb_kits/playbook/pb_popover/index.js +6 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: d2d56f651849112f219a822c91acbb3509875e03014444c1f4e93dc9f3507d6f
|
|
4
|
+
data.tar.gz: 98afd071a855e8eff49ea47f56170e219ca3db69f167cadcb5e704fc7f8dc0da
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e55b3425c7341be74aef73641a5972435ea67cfc2fa80b6df50db89b8b13936dd17f2c535a0c9914153da59e2935f11dedceabde3000794b9581dcd8afb16e56
|
|
7
|
+
data.tar.gz: 9a1eefdce2a9528175c4272b80b05addd29307f0254a691402ca84b70b5dcb05c85cdc81f94ac5a8a12c3fb5c3965fec0066328750a3e252d7dc7dcb9e13c160
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
<% end %>
|
|
8
8
|
|
|
9
9
|
<% if object.template != "sort_only"%>
|
|
10
|
-
<%= pb_rails("popover", props: {close_on_click: "outside", trigger_element_id: "filter#{object.id}", tooltip_id: "filter-form#{object.id}", position: 'bottom'
|
|
10
|
+
<%= pb_rails("popover", props: {close_on_click: "outside", trigger_element_id: "filter#{object.id}", tooltip_id: "filter-form#{object.id}", position: 'bottom'}) do %>
|
|
11
11
|
<%= capture(&object.children) %>
|
|
12
12
|
<% end %>
|
|
13
13
|
<%end%>
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
id: object.id,
|
|
3
3
|
data: object.data,
|
|
4
4
|
class: object.classname) do %>
|
|
5
|
-
<div class="
|
|
6
|
-
<div class="
|
|
5
|
+
<div class="pb_popover_tooltip" id="<%= object.tooltip_id %>" role="tooltip" style="<%= object.z_index_helper %>">
|
|
6
|
+
<div class="pb_popover_body <%= object.popover_spacing_helper %>" style="<%= object.width_height_helper %>">
|
|
7
7
|
<%= capture(&object.children) %>
|
|
8
8
|
</div>
|
|
9
9
|
</div>
|
|
@@ -21,32 +21,30 @@
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
.pb_popover_tooltip {
|
|
25
|
+
opacity: 0;
|
|
26
|
+
animation-name: fadeOut;
|
|
27
|
+
animation-duration: 150ms;
|
|
28
|
+
animation-timing-function: linear;
|
|
29
|
+
animation-fill-mode: forwards;
|
|
30
|
+
visibility: hidden;
|
|
31
|
+
pointer-events: none;
|
|
32
|
+
&.show {
|
|
33
|
+
animation-name: fadeIn;
|
|
28
34
|
animation-duration: 150ms;
|
|
29
35
|
animation-timing-function: linear;
|
|
30
36
|
animation-fill-mode: forwards;
|
|
31
|
-
visibility:
|
|
32
|
-
pointer-events:
|
|
33
|
-
|
|
34
|
-
animation-name: fadeIn;
|
|
35
|
-
animation-duration: 150ms;
|
|
36
|
-
animation-timing-function: linear;
|
|
37
|
-
animation-fill-mode: forwards;
|
|
38
|
-
visibility: visible;
|
|
39
|
-
pointer-events: initial;
|
|
40
|
-
z-index: $z_9;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
.popover_body {
|
|
44
|
-
@include pb_card;
|
|
45
|
-
border: 0;
|
|
46
|
-
box-shadow: $shadow_deeper;
|
|
47
|
-
overflow: auto;
|
|
37
|
+
visibility: visible;
|
|
38
|
+
pointer-events: initial;
|
|
39
|
+
z-index: $z_9;
|
|
48
40
|
}
|
|
49
41
|
}
|
|
42
|
+
.pb_popover_body {
|
|
43
|
+
@include pb_card;
|
|
44
|
+
border: 0;
|
|
45
|
+
box-shadow: $shadow_deeper;
|
|
46
|
+
overflow: auto;
|
|
47
|
+
}
|
|
50
48
|
|
|
51
49
|
|
|
52
50
|
.pb_popover_reference_wrapper {
|
|
@@ -8,7 +8,12 @@ export default class PbPopover extends PbEnhancedElement {
|
|
|
8
8
|
return '[data-pb-popover-kit]'
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
moveTooltip() {
|
|
12
|
+
document.querySelector('body').appendChild(this.tooltip)
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
connect() {
|
|
16
|
+
this.moveTooltip()
|
|
12
17
|
this.popper = createPopper(this.triggerElement, this.tooltip, {
|
|
13
18
|
placement: this.position,
|
|
14
19
|
strategy: 'fixed',
|
|
@@ -31,7 +36,7 @@ export default class PbPopover extends PbEnhancedElement {
|
|
|
31
36
|
}
|
|
32
37
|
|
|
33
38
|
setTimeout(() => {
|
|
34
|
-
|
|
39
|
+
this.popper.update()
|
|
35
40
|
this.tooltip.classList.toggle('show')
|
|
36
41
|
}, 0)
|
|
37
42
|
})
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 5.0.
|
|
4
|
+
version: 5.0.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2020-06-
|
|
12
|
+
date: 2020-06-26 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|