playbook_ui 14.11.1.pre.alpha.PLAY1750pbcontenttagkitbutton5341 → 14.11.1.pre.alpha.responsivetablerails5364
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_button/button.html.erb +3 -2
- data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +6 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +6 -2
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +12 -7
- data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +14 -9
- data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +11 -6
- data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +14 -8
- data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +5 -5
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +5 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 46277960523f04136c4eb174e2809aa1d0dc8eddc1fe762877ae0c2f3dbb3b7d
|
|
4
|
+
data.tar.gz: 76a396f4ef362cf68635b0e94691ef6d45d454d6dd56bbb751ecdb18ccad715c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 0713edb158ee3e0806bab681982fd72cf5db7439518159f212de49889aff28bd9ca14fd6d43cac959d37b529f01f6b3ff91fdbc2f7a3dda0fe8c8aed4e035af1
|
|
7
|
+
data.tar.gz: 18a44c121ed5011d7a8179b8d887b04638051f99d113861fdf3ee382d293dfae535a62d1c1a64f16c458013b3024f1c6ccfb3f8804226d96b7c1138e32251f7d
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
object.tag == "button" ? object.options : object.link_options
|
|
1
|
+
<%= content_tag(object.tag,
|
|
2
|
+
object.tag == "button" ? object.options : object.link_options,
|
|
3
|
+
**combined_html_options) do %>
|
|
3
4
|
<% if object.variant === "reaction" %>
|
|
4
5
|
<% if icon && object.valid_emoji(object.icon) %>
|
|
5
6
|
<%= pb_rails("flex", props:{ align: "center" }) do %>
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:label, aria: object.aria,
|
|
2
|
+
id: object.id,
|
|
3
|
+
data: object.data,
|
|
4
|
+
class: object.classname,
|
|
5
|
+
**combined_html_options
|
|
6
|
+
) do %>
|
|
2
7
|
<%= content.presence || object.input %>
|
|
3
8
|
<% if object.indeterminate %>
|
|
4
9
|
<span data-pb-checkbox-icon-span="true" class="pb_checkbox_indeterminate">
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
<%=
|
|
2
|
-
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname + object.error_class,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
3
7
|
<div class="input_wrapper">
|
|
4
8
|
<% if content.present? %>
|
|
5
9
|
<%= content %>
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<% if object.label.present? %>
|
|
3
8
|
<%= pb_rails("caption", props: {text: object.label, margin_bottom:"xs"}) %>
|
|
4
9
|
<% end %>
|
|
5
10
|
<div class="dropdown_wrapper<%= error_class %>" style="position: relative">
|
|
6
|
-
<input
|
|
7
|
-
data-default-value="<%= input_default_value %>"
|
|
8
|
-
id="dropdown-selected-option"
|
|
9
|
-
name="<%= object.name %>"
|
|
10
|
-
style="display: none"
|
|
11
|
-
<%= object.required ? "required" : ""%>
|
|
11
|
+
<input
|
|
12
|
+
data-default-value="<%= input_default_value %>"
|
|
13
|
+
id="dropdown-selected-option"
|
|
14
|
+
name="<%= object.name %>"
|
|
15
|
+
style="display: none"
|
|
16
|
+
<%= object.required ? "required" : ""%>
|
|
12
17
|
/>
|
|
13
18
|
<% if content.present? %>
|
|
14
19
|
<%= content.presence %>
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<%= pb_rails("list", props: {ordered: false, borderless: false}) do %>
|
|
3
|
-
<% if content.present? %>
|
|
8
|
+
<% if content.present? %>
|
|
4
9
|
<%= content.presence %>
|
|
5
|
-
<% else %>
|
|
10
|
+
<% else %>
|
|
6
11
|
<%= pb_rails("list/item", props: {
|
|
7
|
-
display: "flex",
|
|
8
|
-
justify_content: "center",
|
|
9
|
-
padding:"xs",
|
|
10
|
-
}) do %>
|
|
12
|
+
display: "flex",
|
|
13
|
+
justify_content: "center",
|
|
14
|
+
padding:"xs",
|
|
15
|
+
}) do %>
|
|
11
16
|
<%= pb_rails("body", props: {text: "No option"}) %>
|
|
12
17
|
<% end %>
|
|
13
18
|
<% end %>
|
|
14
|
-
<% end %>
|
|
15
|
-
<% end %>
|
|
19
|
+
<% end %>
|
|
20
|
+
<% end %>
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.option[:id],
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<%= pb_rails("list/item", props: {
|
|
3
|
-
display: "flex",
|
|
4
|
-
justify_content: "center",
|
|
5
|
-
padding:"none",
|
|
8
|
+
display: "flex",
|
|
9
|
+
justify_content: "center",
|
|
10
|
+
padding:"none",
|
|
6
11
|
cursor: "pointer"
|
|
7
|
-
}) do %>
|
|
12
|
+
}) do %>
|
|
8
13
|
<div class="dropdown_option_wrapper">
|
|
9
14
|
<% if content.present? %>
|
|
10
15
|
<%= content.presence %>
|
|
@@ -13,4 +18,4 @@
|
|
|
13
18
|
<% end %>
|
|
14
19
|
</div>
|
|
15
20
|
<% end %>
|
|
16
|
-
<% end %>
|
|
21
|
+
<% end %>
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
class: object.classname,
|
|
4
|
+
data: object.data,
|
|
5
|
+
id: object.id,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<% if content.present? %>
|
|
3
8
|
<div style="display: inline-block" tabindex="0" data-dropdown-custom-trigger>
|
|
4
9
|
<%= content.presence %>
|
|
5
10
|
</div>
|
|
6
11
|
<% else %>
|
|
7
12
|
<%= pb_rails("flex", props: {
|
|
8
|
-
align: "center",
|
|
9
|
-
border_radius:"lg",
|
|
10
|
-
classname: object.trigger_wrapper_classes,
|
|
11
|
-
cursor: "pointer",
|
|
12
|
-
justify: "between",
|
|
13
|
-
padding_x:"sm",
|
|
13
|
+
align: "center",
|
|
14
|
+
border_radius:"lg",
|
|
15
|
+
classname: object.trigger_wrapper_classes,
|
|
16
|
+
cursor: "pointer",
|
|
17
|
+
justify: "between",
|
|
18
|
+
padding_x:"sm",
|
|
14
19
|
padding_y:"xs",
|
|
15
20
|
html_options: {tabindex:"0"}
|
|
16
21
|
}) do %>
|
|
@@ -18,7 +23,7 @@
|
|
|
18
23
|
<%= pb_rails("flex", props: {align: "center"}) do %>
|
|
19
24
|
<% if object.custom_display.present? %>
|
|
20
25
|
<%= pb_rails("flex", props: {align: "center"}) do %>
|
|
21
|
-
<div id="dropdown_trigger_custom_display" style="display: none;">
|
|
26
|
+
<div id="dropdown_trigger_custom_display" style="display: none;">
|
|
22
27
|
<%= object.custom_display %>
|
|
23
28
|
</div>
|
|
24
29
|
<%= pb_rails("body", props: {text: object.default_display_placeholder, id: "dropdown_trigger_display"}) %>
|
|
@@ -35,3 +40,4 @@
|
|
|
35
40
|
<% end %>
|
|
36
41
|
<% end %>
|
|
37
42
|
<% end %>
|
|
43
|
+
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@import "../../tokens/screen_sizes";
|
|
2
2
|
|
|
3
3
|
.table-responsive-scroll {
|
|
4
|
-
display: block;
|
|
5
4
|
overflow-x: scroll;
|
|
6
5
|
|
|
7
6
|
// hides duplicate scroll bar for those that see two (byproduct of repeated table-responsive-scroll class
|
|
@@ -27,11 +26,12 @@
|
|
|
27
26
|
// Responsive Styles
|
|
28
27
|
@media (max-width: 1600px) {
|
|
29
28
|
&[class*="table-responsive-scroll"] {
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
&:has(> table.table-card) {
|
|
30
|
+
border-radius: 4px;
|
|
31
|
+
box-shadow: 1px 0 0 0px $border_light,
|
|
32
32
|
-1px 0 0 0px $border_light
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
35
|
&[class^=pb_table].table-sm.table-card thead tr th:first-child,
|
|
36
36
|
&[class^=pb_table].table-sm:not(.no-hover).table-card tbody tr td:first-child {
|
|
37
37
|
border-left-width: 0px;
|