@brightspace-ui/core 3.291.0 → 3.293.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.
- package/components/page/page.js +13 -3
- package/package.json +1 -1
package/components/page/page.js
CHANGED
|
@@ -12,7 +12,7 @@ export const panelStateStorageKey = key => `d2l-page-panel-state-${key}`;
|
|
|
12
12
|
|
|
13
13
|
const DRAWER_MIN_HEIGHT = 200; // TO DO: Confirm
|
|
14
14
|
export const MAIN_MIN_WIDTH = 600; // TO DO: Confirm
|
|
15
|
-
export const PANEL_MIN_WIDTH =
|
|
15
|
+
export const PANEL_MIN_WIDTH = 298;
|
|
16
16
|
|
|
17
17
|
export const DIVIDER_GUTTER_WIDTH = 18;
|
|
18
18
|
|
|
@@ -483,12 +483,22 @@ class Page extends ProviderMixin(LocalizeCoreElement(LitElement)) {
|
|
|
483
483
|
#stateStorageKey;
|
|
484
484
|
|
|
485
485
|
#handleMobileModeChange = (e) => {
|
|
486
|
-
// TO DO: Collapse supporting panel
|
|
486
|
+
// TO DO: Collapse supporting-overlay panel when moving from mobile to overlay mode
|
|
487
487
|
this._inMobileMode = e.matches;
|
|
488
488
|
};
|
|
489
489
|
|
|
490
490
|
#handleOverlayModeChange = (e) => {
|
|
491
|
-
|
|
491
|
+
if (!this._inOverlayMode && e.matches) {
|
|
492
|
+
this._panelState.setCollapsed('side-nav-overlay', true);
|
|
493
|
+
this._panelState.setCollapsed('supporting-overlay', true);
|
|
494
|
+
} else if (this._inOverlayMode && !e.matches) {
|
|
495
|
+
if (!this._panelState.getCollapsed('side-nav-overlay')) {
|
|
496
|
+
this._panelState.setCollapsed('side-nav', false);
|
|
497
|
+
}
|
|
498
|
+
if (!this._panelState.getCollapsed('supporting-overlay')) {
|
|
499
|
+
this._panelState.setCollapsed('supporting', false);
|
|
500
|
+
}
|
|
501
|
+
}
|
|
492
502
|
this._inOverlayMode = e.matches;
|
|
493
503
|
};
|
|
494
504
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.293.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",
|