playbook_ui 5.0.1.pre.alpha1 → 5.0.1.pre.beta
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 +5 -0
- 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: a07554867016a27c0e8101f9cbcd92e1736bc38dca3e6fce150a35eae6c1bf72
|
|
4
|
+
data.tar.gz: 18d6bc4bfb4ee85310b0805e54d850ebc229a8f81ae5e761753f3f3c276acc4e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b0ac8acc28e478718afc445eeba4877bc08abc3e335e045d3b08960b8a6ddc03f2312a3aa82a98385f791c4d32f99344953536d5662c3cb40419aba26343d27e
|
|
7
|
+
data.tar.gz: 676bed721f5d60b58d9b1144d0e8bce85324a5a2b5c67d6e18ede87bf6fd8b24d5f3202dffa8bdbc473121fda31f990b7e7674c62b0c3cc66281b6fd296366a3
|
|
@@ -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',
|
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.1.pre.
|
|
4
|
+
version: 5.0.1.pre.beta
|
|
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-25 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|