playbook_ui 14.24.0.pre.alpha.PLAY2360circleiconbuttonvariantdatabug9438 → 14.24.0.pre.alpha.PLAY19989342
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -34
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -10
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +0 -2
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +1 -49
- data/dist/menu.yml +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.html.erb +0 -43
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx +0 -64
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.html.erb +0 -24
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.md +0 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 59c17882526a3b72d9fc83804b03d9b16990cb101e1862b0e52b86302f1d2910
|
4
|
+
data.tar.gz: 2a8bcde09ad5af23d054ddba72d05dd55d18a592e84748435269a933456942ed
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f6e0c7da6c2b966bef964121f3f25a0c4d5f141be242d977d173e14f063dd7c3dd96cb81eedd14bf6cfa06838719ad76470b5e76d5c9b8818d5314b7a4234e13
|
7
|
+
data.tar.gz: 95e0c86be7672a3370c39a60ccdcb2cd5e31112c921b407cea885baf651560869bef742c89716510a5f714f1b768b30472895da6f8f04ac2ac101839ce41082b
|
@@ -971,40 +971,6 @@
|
|
971
971
|
}
|
972
972
|
}
|
973
973
|
}
|
974
|
-
|
975
|
-
// Firefox-specific fix for last-header-cell and last-cell vertical borders
|
976
|
-
@-moz-document url-prefix() {
|
977
|
-
.pb_advanced_table_header {
|
978
|
-
.last-header-cell {
|
979
|
-
border-right: none !important;
|
980
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
981
|
-
}
|
982
|
-
}
|
983
|
-
|
984
|
-
.pb_advanced_table_body {
|
985
|
-
.last-cell {
|
986
|
-
border-right: none !important;
|
987
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
988
|
-
}
|
989
|
-
}
|
990
|
-
|
991
|
-
// Dark mode Firefox fixes
|
992
|
-
&.dark {
|
993
|
-
.pb_advanced_table_header {
|
994
|
-
.last-header-cell {
|
995
|
-
border-right: none !important;
|
996
|
-
box-shadow: 1px 0 0 0 $border_dark !important;
|
997
|
-
}
|
998
|
-
}
|
999
|
-
|
1000
|
-
.pb_advanced_table_body {
|
1001
|
-
.last-cell {
|
1002
|
-
border-right: none !important;
|
1003
|
-
box-shadow: 1px 0 0 0 $border_dark !important;
|
1004
|
-
}
|
1005
|
-
}
|
1006
|
-
}
|
1007
|
-
}
|
1008
974
|
}
|
1009
975
|
|
1010
976
|
// Outside of the pb_advanced_table class for popover
|
@@ -13,7 +13,6 @@ examples:
|
|
13
13
|
- advanced_table_with_custom_header_rails: Custom Header Cell
|
14
14
|
- advanced_table_column_headers: Multi-Header Columns
|
15
15
|
- advanced_table_column_headers_multiple: Multi-Header Columns (Multiple Levels)
|
16
|
-
- advanced_table_column_headers_vertical_border: Multi-Header Columns with Vertical Borders
|
17
16
|
- advanced_table_no_subrows: Table with No Subrows or Expansion
|
18
17
|
- advanced_table_selectable_rows_rails: Selectable Rows
|
19
18
|
- advanced_table_selectable_rows_no_subrows_rails: Selectable Rows (No Subrows)
|
@@ -54,7 +53,6 @@ examples:
|
|
54
53
|
- advanced_table_column_headers: Multi-Header Columns
|
55
54
|
- advanced_table_column_headers_multiple: Multi-Header Columns (Multiple Levels)
|
56
55
|
- advanced_table_column_headers_custom_cell: Multi-Header Columns with Custom Cells
|
57
|
-
- advanced_table_column_headers_vertical_border: Multi-Header Columns with Vertical Borders
|
58
56
|
- advanced_table_no_subrows: Table with No Subrows or Expansion
|
59
57
|
- advanced_table_pinned_rows: Pinned Rows
|
60
58
|
- advanced_table_selectable_rows: Selectable Rows
|
@@ -21,7 +21,6 @@ export { default as AdvancedTableSelectableRowsHeader } from './_advanced_table_
|
|
21
21
|
export { default as AdvancedTableSelectableRowsActions } from './_advanced_table_selectable_rows_actions.jsx'
|
22
22
|
export { default as AdvancedTableTablePropsStickyHeader } from './_advanced_table_table_props_sticky_header.jsx'
|
23
23
|
export { default as AdvancedTableColumnHeadersCustomCell } from './_advanced_table_column_headers_custom_cell.jsx'
|
24
|
-
export { default as AdvancedTableColumnHeadersVerticalBorder } from './_advanced_table_column_headers_vertical_border.jsx'
|
25
24
|
export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
|
26
25
|
export { default as AdvancedTableFullscreen } from './_advanced_table_fullscreen.jsx'
|
27
26
|
export { default as AdvancedTableStickyColumns } from './_advanced_table_sticky_columns.jsx'
|
@@ -43,7 +43,7 @@ module Playbook
|
|
43
43
|
end
|
44
44
|
|
45
45
|
def td_classname(column, index)
|
46
|
-
classes = %w[id-cell]
|
46
|
+
classes = %w[id-cell chrome-styles]
|
47
47
|
classes << "last-cell" if column[:is_last_in_group]
|
48
48
|
classes << "pinned-left" if index.zero? && is_pinned_left && responsive == "scroll"
|
49
49
|
classes.join(" ")
|
@@ -1,14 +1,5 @@
|
|
1
1
|
<%= pb_content_tag do %>
|
2
|
-
<%= pb_rails("button", props: {
|
3
|
-
type: object.type,
|
4
|
-
loading: object.loading,
|
5
|
-
link: object.link,
|
6
|
-
new_window: object.new_window,
|
7
|
-
variant: object.variant,
|
8
|
-
target: object.target,
|
9
|
-
disabled: object.disabled,
|
10
|
-
dark: object.dark
|
11
|
-
}.merge(object.input_options)) do %>
|
2
|
+
<%= pb_rails("button", props: {type: object.type, loading: object.loading, link: object.link, new_window:object.new_window, variant: object.variant, target: object.target, disabled: object.disabled, dark: object.dark}) do %>
|
12
3
|
<%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
|
13
4
|
<% end %>
|
14
5
|
<% end %>
|
@@ -21,8 +21,6 @@ module Playbook
|
|
21
21
|
prop :size, type: Playbook::Props::Enum,
|
22
22
|
values: %w[default sm],
|
23
23
|
default: "default"
|
24
|
-
prop :input_options, type: Playbook::Props::HashProp,
|
25
|
-
default: {}
|
26
24
|
|
27
25
|
def classname
|
28
26
|
generate_classname("pb_circle_icon_button_kit") + size_class
|
@@ -7,7 +7,7 @@
|
|
7
7
|
thead tr:not(:first-child) th {
|
8
8
|
border-right: 1px solid $border_light !important;
|
9
9
|
}
|
10
|
-
|
10
|
+
|
11
11
|
@media screen and (min-width: $screen-xs-min) {
|
12
12
|
tr:hover, .pb_table_tr:hover {
|
13
13
|
td:last-child, .pb_table_td:last-child {
|
@@ -15,53 +15,5 @@
|
|
15
15
|
}
|
16
16
|
}
|
17
17
|
}
|
18
|
-
|
19
|
-
// Firefox-specific fix for sticky elements
|
20
|
-
@-moz-document url-prefix() {
|
21
|
-
// Target sticky headers
|
22
|
-
&.sticky-header {
|
23
|
-
th:not(:last-child) {
|
24
|
-
border-right: none !important;
|
25
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
26
|
-
}
|
27
|
-
|
28
|
-
.pb_advanced_table_body {
|
29
|
-
.pinned-row {
|
30
|
-
td:not(:first-child):not(:last-child) {
|
31
|
-
border-right: none !important;
|
32
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
33
|
-
}
|
34
|
-
}
|
35
|
-
}
|
36
|
-
}
|
37
|
-
|
38
|
-
// Target sticky left columns
|
39
|
-
&.sticky-left-column {
|
40
|
-
td[style="left"], th[style="left"] {
|
41
|
-
border-right: none !important;
|
42
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
43
|
-
}
|
44
|
-
}
|
45
|
-
|
46
|
-
// Target sticky right columns
|
47
|
-
&.sticky-right-column {
|
48
|
-
td[style="right"], th[style="right"] {
|
49
|
-
border-right: none !important;
|
50
|
-
box-shadow: 1px 0 0 0 $border_light !important;
|
51
|
-
}
|
52
|
-
}
|
53
|
-
|
54
|
-
// Handle hover states in Firefox
|
55
|
-
@media screen and (min-width: $screen-xs-min) {
|
56
|
-
tr:hover, .pb_table_tr:hover {
|
57
|
-
td:last-child, .pb_table_td:last-child {
|
58
|
-
&[style="left"], &[style="right"] {
|
59
|
-
border-right: none !important;
|
60
|
-
box-shadow: 1px 0 0 0 darken($border_light, 10%) !important;
|
61
|
-
}
|
62
|
-
}
|
63
|
-
}
|
64
|
-
}
|
65
|
-
}
|
66
18
|
}
|
67
19
|
}
|
data/dist/menu.yml
CHANGED
@@ -57,7 +57,7 @@ kits:
|
|
57
57
|
enhanced_element_used: true
|
58
58
|
- name: column_configuration
|
59
59
|
parent: advanced_table
|
60
|
-
kit_section: ["Column Visibility Control", "Column Visibility Control With State", "Column Visibility Control with Custom Dropdown", "Column Visibility Control with Multi-Header Columns", "Multi-Header Columns", "Multi-Header Columns (Multiple Levels)", "Multi-Header Columns with Custom Cells"
|
60
|
+
kit_section: ["Column Visibility Control", "Column Visibility Control With State", "Column Visibility Control with Custom Dropdown", "Column Visibility Control with Multi-Header Columns", "Multi-Header Columns", "Multi-Header Columns (Multiple Levels)", "Multi-Header Columns with Custom Cells"]
|
61
61
|
platforms: *1
|
62
62
|
status: stable
|
63
63
|
icons_used: true
|