@brightspace-ui/core 3.3.1 → 3.4.0
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.
|
@@ -33,8 +33,14 @@ class DropdownContextMenu extends DropdownOpenerMixin(VisibleOnAncestorMixin(Lit
|
|
|
33
33
|
static get styles() {
|
|
34
34
|
return [dropdownOpenerStyles, visibleOnAncestorStyles, css`
|
|
35
35
|
:host {
|
|
36
|
+
--d2l-dropdown-context-menu-min-height: calc(2rem + 2px);
|
|
37
|
+
--d2l-dropdown-context-menu-min-width: calc(2rem + 2px);
|
|
36
38
|
display: inline-block;
|
|
37
39
|
}
|
|
40
|
+
d2l-button-icon {
|
|
41
|
+
--d2l-button-icon-min-height: var(--d2l-dropdown-context-menu-min-height);
|
|
42
|
+
--d2l-button-icon-min-width: var(--d2l-dropdown-context-menu-min-height);
|
|
43
|
+
}
|
|
38
44
|
`];
|
|
39
45
|
}
|
|
40
46
|
constructor() {
|
|
@@ -2,6 +2,7 @@ import '../table-col-sort-button.js';
|
|
|
2
2
|
import '../table-controls.js';
|
|
3
3
|
import '../../button/button-icon.js';
|
|
4
4
|
import '../../dropdown/dropdown-button-subtle.js';
|
|
5
|
+
import '../../dropdown/dropdown-context-menu.js';
|
|
5
6
|
import '../../dropdown/dropdown-menu.js';
|
|
6
7
|
import '../../inputs/input-checkbox.js';
|
|
7
8
|
import '../../inputs/input-text.js';
|
|
@@ -56,10 +57,12 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
|
|
|
56
57
|
:host([visible-background]) {
|
|
57
58
|
--d2l-table-controls-background-color: #dddddd;
|
|
58
59
|
}
|
|
59
|
-
.d2l-table > * > tr > :has(d2l-button-icon)
|
|
60
|
+
.d2l-table > * > tr > :has(d2l-button-icon),
|
|
61
|
+
.d2l-table > * > tr > :has(d2l-dropdown-context-menu) {
|
|
60
62
|
padding-block: 0;
|
|
61
63
|
}
|
|
62
|
-
.d2l-table > * > tr > :has(d2l-table-col-sort-button) d2l-button-icon
|
|
64
|
+
.d2l-table > * > tr > :has(d2l-table-col-sort-button) d2l-button-icon,
|
|
65
|
+
.d2l-table > * > tr > :has(d2l-table-col-sort-button) d2l-dropdown-context-menu {
|
|
63
66
|
vertical-align: top;
|
|
64
67
|
}
|
|
65
68
|
`];
|
|
@@ -198,7 +201,7 @@ class TestTable extends RtlMixin(DemoPassthroughMixin(TableWrapper, 'd2l-table-w
|
|
|
198
201
|
source-type="numbers"
|
|
199
202
|
?desc="${this._sortDesc}"
|
|
200
203
|
?nosort="${noSort}">${item}</d2l-table-col-sort-button>
|
|
201
|
-
${item === 'Size' && this.showButtons ? html`<d2l-
|
|
204
|
+
${item === 'Size' && this.showButtons ? html`<d2l-dropdown-context-menu text="Help"></d2l-dropdown-context-menu>` : nothing}
|
|
202
205
|
</th>
|
|
203
206
|
`;
|
|
204
207
|
}
|
|
@@ -37,6 +37,10 @@ export const tableStyles = css`
|
|
|
37
37
|
--d2l-button-icon-min-height: calc(var(--d2l-table-cell-overall-height) - 2 * var(--d2l-table-cell-col-sort-button-size-offset));
|
|
38
38
|
--d2l-button-icon-min-width: calc(var(--d2l-table-cell-overall-height) - 2 * var(--d2l-table-cell-col-sort-button-size-offset));
|
|
39
39
|
}
|
|
40
|
+
d2l-table-wrapper d2l-dropdown-context-menu {
|
|
41
|
+
--d2l-dropdown-context-menu-min-height: calc(var(--d2l-table-cell-overall-height) - 2 * var(--d2l-table-cell-col-sort-button-size-offset));
|
|
42
|
+
--d2l-dropdown-context-menu-min-width: calc(var(--d2l-table-cell-overall-height) - 2 * var(--d2l-table-cell-col-sort-button-size-offset));
|
|
43
|
+
}
|
|
40
44
|
|
|
41
45
|
/* once we only support browsers that support :has the section below can be removed up until @supports */
|
|
42
46
|
.d2l-table .d2l-checkbox,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|