playbook_ui 15.5.0.pre.alpha.draggablefix12571 → 15.5.0.pre.alpha.draggablefix12577
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 +96 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +163 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +190 -0
- data/app/pb_kits/playbook/pb_draggable/context/index.tsx +40 -24
- data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +49 -0
- data/dist/chunks/{_typeahead-SD60YOim.js → _typeahead-CdVpaHUH.js} +2 -2
- data/dist/chunks/vendor.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -3
- data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +0 -58
|
@@ -8,6 +8,25 @@
|
|
|
8
8
|
border-right: 1px solid $border_light !important;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
|
+
// **Advanced Table** specific rules to eliminate double borders when vertical-border is active
|
|
12
|
+
.pb_advanced_table &,
|
|
13
|
+
&[data-vertical-border="true"] {
|
|
14
|
+
// Remove first column box-shadow (preserve border-right in Chrome and use CSS var to respect column group border colors)
|
|
15
|
+
.table-header-cells:first-child,
|
|
16
|
+
.table-header-cells-custom:first-child,
|
|
17
|
+
td:first-child,
|
|
18
|
+
.pb_table_td:first-child,
|
|
19
|
+
.checkbox-cell.checkbox-cell-header:first-child {
|
|
20
|
+
box-shadow: none !important;
|
|
21
|
+
border-right: 1px solid var(--column-border-color, #{$border_light}) !important;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.pb_table_td:nth-child(2) {
|
|
25
|
+
box-shadow: none !important;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
// --- End Advanced Table First Column Code Section ---
|
|
29
|
+
|
|
11
30
|
@media screen and (min-width: $screen-xs-min) {
|
|
12
31
|
tr:hover, .pb_table_tr:hover {
|
|
13
32
|
td:last-child, .pb_table_td:last-child {
|
|
@@ -63,5 +82,35 @@
|
|
|
63
82
|
}
|
|
64
83
|
}
|
|
65
84
|
}
|
|
85
|
+
|
|
86
|
+
// Dark mode support for advanced tables
|
|
87
|
+
.pb_advanced_table.dark & {
|
|
88
|
+
td, th, .pb_table_td, .pb_table_th {
|
|
89
|
+
border-right: 1px solid $border_dark !important;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
thead tr th {
|
|
93
|
+
border-right: 1px solid $border_dark !important;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
&[data-vertical-border="true"] {
|
|
97
|
+
.table-header-cells:first-child,
|
|
98
|
+
.table-header-cells-custom:first-child,
|
|
99
|
+
td:first-child,
|
|
100
|
+
.pb_table_td:first-child,
|
|
101
|
+
.checkbox-cell.checkbox-cell-header:first-child {
|
|
102
|
+
border-right: 1px solid var(--column-border-color, #{$border_dark}) !important;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
@media screen and (min-width: $screen-xs-min) {
|
|
107
|
+
tr:hover, .pb_table_tr:hover {
|
|
108
|
+
td:last-child, .pb_table_td:last-child {
|
|
109
|
+
border-right-color: darken($border_dark, 10%) !important;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
// --- End Advanced Table Dark Mode Code Section ---
|
|
66
115
|
}
|
|
67
116
|
}
|