playbook_ui 14.12.0.pre.alpha.play1752updatecontenttag5801 → 14.12.0.pre.alpha.play1790darkaudittable5802
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_icon/icon.html.erb +6 -2
- data/app/pb_kits/playbook/pb_layout/body.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/footer.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/header.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/item.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/layout.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +5 -1
- data/app/pb_kits/playbook/pb_legend/legend.html.erb +6 -1
- data/app/pb_kits/playbook/pb_message/message.html.erb +6 -1
- data/app/pb_kits/playbook/pb_message/message_mention.html.erb +6 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb +6 -9
- data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx +6 -9
- data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +26 -0
- data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +25 -0
- data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +25 -0
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 136b50dee766ec4667e6d2f602d111a863ce4020dd67fe561bf2778ebd060fb1
|
|
4
|
+
data.tar.gz: 3ac4d8e93f62e1814d1ebe98fe4532239eb54370421b5bbad63503411d7639f7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e07d993618ba3291e460247bfae535f6725c3563a10bc58e4ac90bcedb436088f73c6c979114ca381f060bc222dd640b32cd66bb0fd91d6a6a8c298f26eb3d64
|
|
7
|
+
data.tar.gz: 98ffa30e5b69b4759356a445a308eb9858522f206df9dff83b142e92bc75376d60235719d777702a3185ecbb2a51c2c2f7b64a7998325482f607feab9e249c61
|
|
@@ -5,8 +5,12 @@
|
|
|
5
5
|
<%= object.icon.html_safe %>
|
|
6
6
|
</span>
|
|
7
7
|
<% else %>
|
|
8
|
-
<%=
|
|
9
|
-
|
|
8
|
+
<%= content_tag(:i, nil,
|
|
9
|
+
id: object.id,
|
|
10
|
+
data: object.data,
|
|
11
|
+
class: object.classname,
|
|
12
|
+
**combined_html_options
|
|
13
|
+
) %>
|
|
10
14
|
<%= content_tag(:span, nil,
|
|
11
15
|
aria: { label: "#{object.icon} icon" }.merge(object.aria),
|
|
12
16
|
hidden: true
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
<%=
|
|
1
|
+
<%= content_tag(:div, object.text,
|
|
2
|
+
aria: object.aria,
|
|
3
|
+
id: object.id,
|
|
4
|
+
data: object.data,
|
|
5
|
+
class: object.classname,
|
|
6
|
+
**combined_html_options) do %>
|
|
2
7
|
<%= pb_rails("body", props: {color: object.body_color}) do %>
|
|
3
8
|
<span style="<%= object.custom_color %>" class=<%= object.custom_color_class %>></span>
|
|
4
9
|
<%= pb_rails("title", props: { dark: object.dark, text: object.prefix_text, tag: "span", size: 4 }) %>
|
|
@@ -39,20 +39,17 @@
|
|
|
39
39
|
</tr>
|
|
40
40
|
</tbody>
|
|
41
41
|
<% end %>
|
|
42
|
-
|
|
43
42
|
<%= pb_rails("table", props: { size: "sm", margin_bottom: "lg" }) do %>
|
|
44
43
|
<colgroup>
|
|
45
44
|
<%= pb_rails("background", props: { background_color: "error_subtle", tag: "col" }) %>
|
|
46
|
-
<%= pb_rails("background", props: { background_color: "
|
|
45
|
+
<%= pb_rails("background", props: { background_color: "info_subtle", tag: "col" }) %>
|
|
47
46
|
<%= pb_rails("background", props: { background_color: "warning_subtle", tag: "col" }) %>
|
|
48
47
|
</colgroup>
|
|
49
|
-
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
</tr>
|
|
55
|
-
<% end %>
|
|
48
|
+
<thead>
|
|
49
|
+
<th>Column 1</th>
|
|
50
|
+
<th>Column 2</th>
|
|
51
|
+
<th>Column 3</th>
|
|
52
|
+
</thead>
|
|
56
53
|
<tbody>
|
|
57
54
|
<tr>
|
|
58
55
|
<td>Value 1</td>
|
|
@@ -68,7 +68,7 @@ const TableWithBackgroundKit = (props) => {
|
|
|
68
68
|
tag='col'
|
|
69
69
|
/>
|
|
70
70
|
<Background
|
|
71
|
-
backgroundColor="
|
|
71
|
+
backgroundColor="info_subtle"
|
|
72
72
|
tag='col'
|
|
73
73
|
/>
|
|
74
74
|
<Background
|
|
@@ -76,16 +76,13 @@ const TableWithBackgroundKit = (props) => {
|
|
|
76
76
|
tag='col'
|
|
77
77
|
/>
|
|
78
78
|
</colgroup>
|
|
79
|
-
<
|
|
80
|
-
backgroundColor="card_light"
|
|
81
|
-
tag='thead'
|
|
82
|
-
>
|
|
79
|
+
<thead>
|
|
83
80
|
<tr>
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
<th>{'Column 1'}</th>
|
|
82
|
+
<th>{'Column 2'}</th>
|
|
83
|
+
<th>{'Column 3'}</th>
|
|
87
84
|
</tr>
|
|
88
|
-
</
|
|
85
|
+
</thead>
|
|
89
86
|
<tbody>
|
|
90
87
|
<tr>
|
|
91
88
|
<td>{'Value 1'}</td>
|
|
@@ -74,6 +74,31 @@
|
|
|
74
74
|
&.table-card {
|
|
75
75
|
background: none !important;
|
|
76
76
|
|
|
77
|
+
&.dark {
|
|
78
|
+
tbody, .pb_table_tbody {
|
|
79
|
+
tr, .pb_table_tr {
|
|
80
|
+
td, .pb_table_td {
|
|
81
|
+
background: $bg_dark_card !important;
|
|
82
|
+
border-color: $border_dark !important;
|
|
83
|
+
&:before {
|
|
84
|
+
color: $text_dk_light !important;
|
|
85
|
+
}
|
|
86
|
+
&:after {
|
|
87
|
+
height: 0;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&:first-child {
|
|
92
|
+
border-radius: $border_rad_light $border_rad_light 0 0 !important;
|
|
93
|
+
}
|
|
94
|
+
&:last-child {
|
|
95
|
+
border-radius: 0 0 $border_rad_light $border_rad_light !important;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
77
102
|
tbody, .pb_table_tbody {
|
|
78
103
|
tr, .pb_table_tr {
|
|
79
104
|
td, .pb_table_td {
|
|
@@ -81,6 +106,7 @@
|
|
|
81
106
|
border-left-width: 1px !important;
|
|
82
107
|
border-right-width: 1px !important;
|
|
83
108
|
border-top-width: 1px !important;
|
|
109
|
+
|
|
84
110
|
&:after {
|
|
85
111
|
height: 0;
|
|
86
112
|
background-color: transparent;
|
|
@@ -74,6 +74,31 @@
|
|
|
74
74
|
&.table-card {
|
|
75
75
|
background: none !important;
|
|
76
76
|
|
|
77
|
+
&.dark {
|
|
78
|
+
tbody, .pb_table_tbody {
|
|
79
|
+
tr, .pb_table_tr {
|
|
80
|
+
td, .pb_table_td {
|
|
81
|
+
background: $bg_dark_card !important;
|
|
82
|
+
border-color: $border_dark !important;
|
|
83
|
+
&:before {
|
|
84
|
+
color: $text_dk_light !important;
|
|
85
|
+
}
|
|
86
|
+
&:after {
|
|
87
|
+
height: 0;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&:first-child {
|
|
92
|
+
border-radius: $border_rad_light $border_rad_light 0 0 !important;
|
|
93
|
+
}
|
|
94
|
+
&:last-child {
|
|
95
|
+
border-radius: 0 0 $border_rad_light $border_rad_light !important;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
77
102
|
tbody, .pb_table_tbody {
|
|
78
103
|
tr, .pb_table_tr {
|
|
79
104
|
td, .pb_table_td {
|
|
@@ -74,6 +74,31 @@
|
|
|
74
74
|
&.table-card {
|
|
75
75
|
background: none !important;
|
|
76
76
|
|
|
77
|
+
&.dark {
|
|
78
|
+
tbody, .pb_table_tbody {
|
|
79
|
+
tr, .pb_table_tr {
|
|
80
|
+
td, .pb_table_td {
|
|
81
|
+
background: $bg_dark_card !important;
|
|
82
|
+
border-color: $border_dark !important;
|
|
83
|
+
&:before {
|
|
84
|
+
color: $text_dk_light !important;
|
|
85
|
+
}
|
|
86
|
+
&:after {
|
|
87
|
+
height: 0;
|
|
88
|
+
background-color: transparent;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&:first-child {
|
|
92
|
+
border-radius: $border_rad_light $border_rad_light 0 0 !important;
|
|
93
|
+
}
|
|
94
|
+
&:last-child {
|
|
95
|
+
border-radius: 0 0 $border_rad_light $border_rad_light !important;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
|
|
77
102
|
tbody, .pb_table_tbody {
|
|
78
103
|
tr, .pb_table_tr {
|
|
79
104
|
td, .pb_table_td {
|