@brightspace-ui/core 2.85.7 → 2.85.9
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.
|
@@ -135,11 +135,18 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
|
|
|
135
135
|
top: 2px;
|
|
136
136
|
}
|
|
137
137
|
.d2l-collapsible-panel-title {
|
|
138
|
+
-webkit-box-orient: vertical;
|
|
139
|
+
display: -webkit-box;
|
|
138
140
|
flex: 1;
|
|
141
|
+
-webkit-line-clamp: 2;
|
|
139
142
|
margin: 0.3rem;
|
|
140
143
|
margin-inline-start: var(--d2l-collapsible-panel-spacing-inline);
|
|
144
|
+
overflow-wrap: anywhere;
|
|
145
|
+
overflow-x: hidden;
|
|
146
|
+
overflow-y: hidden;
|
|
141
147
|
user-select: none;
|
|
142
148
|
}
|
|
149
|
+
|
|
143
150
|
.d2l-collapsible-panel.focused {
|
|
144
151
|
outline: var(--d2l-collapsible-panel-focus-outline);
|
|
145
152
|
}
|
|
@@ -162,6 +169,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
|
|
|
162
169
|
cursor: default;
|
|
163
170
|
}
|
|
164
171
|
.d2l-collapsible-panel-header-actions {
|
|
172
|
+
align-self: self-start;
|
|
165
173
|
display: flex;
|
|
166
174
|
gap: 0.3rem;
|
|
167
175
|
}
|
|
@@ -172,6 +180,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
|
|
|
172
180
|
margin: 0.3rem;
|
|
173
181
|
}
|
|
174
182
|
.d2l-collapsible-panel-opener {
|
|
183
|
+
align-self: self-start;
|
|
175
184
|
margin-inline-end: var(--d2l-collapsible-panel-spacing-inline);
|
|
176
185
|
}
|
|
177
186
|
.d2l-collapsible-panel-opener > d2l-icon-custom {
|
|
@@ -106,7 +106,6 @@
|
|
|
106
106
|
</d2l-collapsible-panel>
|
|
107
107
|
</d2l-demo-snippet>
|
|
108
108
|
|
|
109
|
-
|
|
110
109
|
<h2>With custom action and header content</h2>
|
|
111
110
|
<d2l-demo-snippet>
|
|
112
111
|
<d2l-collapsible-panel panel-title="Session: January 1, 2021: 10:00 AM" expand-collapse-label="Session on January 1">
|
|
@@ -128,6 +127,27 @@
|
|
|
128
127
|
</d2l-collapsible-panel>
|
|
129
128
|
</d2l-demo-snippet>
|
|
130
129
|
|
|
130
|
+
<h2>With long title</h2>
|
|
131
|
+
<d2l-demo-snippet>
|
|
132
|
+
<d2l-collapsible-panel panel-title="https://en.wikipedia.org/wiki/William_Thomson,_1st_Baron_Kelvin (the guy who invented absolute zero and some other cool thermodynamics stuff)" expand-collapse-label="Session on January 1">
|
|
133
|
+
<d2l-button-icon slot="actions" icon="tier1:fullscreen"></d2l-button-icon><d2l-button-icon slot="actions" icon="tier1:download"></d2l-button-icon><d2l-dropdown-more slot="actions">
|
|
134
|
+
<d2l-dropdown-menu>
|
|
135
|
+
<d2l-menu>
|
|
136
|
+
<d2l-menu-item text="Duplicate"></d2l-menu-item>
|
|
137
|
+
<d2l-menu-item text="Delete"></d2l-menu-item>
|
|
138
|
+
</d2l-menu>
|
|
139
|
+
</d2l-dropdown-menu>
|
|
140
|
+
</d2l-dropdown-more>
|
|
141
|
+
<div slot="header" style="align-items: center; display: flex; gap: 0.6rem;">
|
|
142
|
+
<d2l-status-indicator state="none" text="Due Today"></d2l-status-indicator>
|
|
143
|
+
<p class="d2l-body-small">Posts: 1 thread, 1 reply</p>
|
|
144
|
+
<d2l-link small href="https://www.d2l.com" target="blank">Link</d2l-link>
|
|
145
|
+
</div>
|
|
146
|
+
<d2l-collapsible-panel-summary-item slot="summary" text="Always available"></d2l-collapsible-panel-summary-item>
|
|
147
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio ligula, aliquam efficitur sollicitudin non, dignissim quis nisl. Nullam rutrum, lectus sed finibus consectetur, dolor leo blandit lorem, vitae consectetur arcu enim ornare tortor. Praesent lobortis libero in libero sagittis consectetur. Maecenas ut velit efficitur, consectetur augue vitae, finibus turpis. In id tempor quam. Integer sed facilisis mi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut a volutpat lacus. Suspendisse potenti. Quisque egestas erat urna, et accumsan est accumsan sit amet. Sed luctus vestibulum lacus. Mauris nisi orci, rhoncus sed est sit amet, pretium facilisis felis.
|
|
148
|
+
</d2l-collapsible-panel>
|
|
149
|
+
</d2l-demo-snippet>
|
|
150
|
+
|
|
131
151
|
<h2>Headings</h2>
|
|
132
152
|
<d2l-demo-snippet class="spacer">
|
|
133
153
|
<d2l-collapsible-panel heading-level="1" panel-title="Heading Level 1">
|
|
@@ -125,6 +125,11 @@ export const HierarchicalViewMixin = superclass => class extends superclass {
|
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
requestAnimationFrame(() => {
|
|
128
|
+
/* If the view was disconnected before this could run, just bail. There can be some
|
|
129
|
+
odd race conditions with d2l-overflow-group where this can happen and results in
|
|
130
|
+
JavaScript errors finding the root view. */
|
|
131
|
+
if (!this.isConnected) return;
|
|
132
|
+
|
|
128
133
|
if (typeof(IntersectionObserver) !== 'function') {
|
|
129
134
|
this.__autoSize(this);
|
|
130
135
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.85.
|
|
3
|
+
"version": "2.85.9",
|
|
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",
|