@brightspace-ui/core 2.82.1 → 2.82.2

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.
Files changed (7) hide show
  1. package/components/dropdown/demo/dropdown-menu.html +1 -0
  2. package/components/menu/demo/checkbox-menu.html +1 -1
  3. package/components/menu/demo/menu.html +3 -1
  4. package/components/menu/demo/radio-menu.html +1 -1
  5. package/components/menu/menu-item-link.js +0 -2
  6. package/components/menu/menu-item-styles.js +5 -2
  7. package/package.json +1 -1
package/components/dropdown/demo/dropdown-menu.html CHANGED
@@ -90,6 +90,7 @@
90
90
  <d2l-menu-item text="Telescopes"></d2l-menu-item>
91
91
  </d2l-menu>
92
92
  </d2l-menu-item>
93
+ <d2l-menu-item text="Aliens, The Search Extraterrestrial Life, Unidentified Flying Objects, and Other Astronomical Phenomenon"></d2l-menu-item>
93
94
  <d2l-menu-item text="The Universe"></d2l-menu-item>
94
95
  </d2l-menu>
95
96
  </d2l-dropdown-menu>
package/components/menu/demo/checkbox-menu.html CHANGED
@@ -18,7 +18,7 @@
18
18
  <d2l-demo-snippet>
19
19
  <template>
20
20
  <d2l-menu label="Checkbox Menu" style="max-width: 400px;">
21
- <d2l-menu-item-checkbox text="Checkbox 1 with a very long title that will be cut off" value="1"></d2l-menu-item-checkbox>
21
+ <d2l-menu-item-checkbox text="Checkbox 1 with an extremely long title that will only be cut off with an ellipsis after two lines" value="1"></d2l-menu-item-checkbox>
22
22
  <d2l-menu-item-checkbox text="Checkbox 2" value="2"></d2l-menu-item-checkbox>
23
23
  <d2l-menu-item-checkbox text="Checkbox 3" value="3"></d2l-menu-item-checkbox>
24
24
  </d2l-menu>
package/components/menu/demo/menu.html CHANGED
@@ -29,6 +29,7 @@
29
29
  <d2l-menu-item text="The Solar System"></d2l-menu-item>
30
30
  <d2l-menu-item text="Stars &amp; Galaxies"></d2l-menu-item>
31
31
  <d2l-menu-item disabled text="The Night Sky"></d2l-menu-item>
32
+ <d2l-menu-item text="Aliens, The Search Extraterrestrial Life, Unidentified Flying Objects, and Other Astronomical Phenomenon"></d2l-menu-item>
32
33
  <d2l-menu-item text="The Universe"></d2l-menu-item>
33
34
  </d2l-menu>
34
35
  </template>
@@ -46,6 +47,7 @@
46
47
  <d2l-menu-item text="Stars &amp; Galaxies"></d2l-menu-item>
47
48
  <d2l-menu-item text="The Night Sky"></d2l-menu-item>
48
49
  <d2l-menu-item-link href="https://en.wikipedia.org/wiki/Universe" text="The Universe (link)"></d2l-menu-item-link>
50
+ <d2l-menu-item-link href="https://en.wikipedia.org/wiki/Universe" text="Aliens, The Search Extraterrestrial Life, Unidentified Flying Objects, and Other Astronomical Phenomenon"></d2l-menu-item-link>
49
51
  </d2l-menu>
50
52
  </template>
51
53
  </d2l-demo-snippet>
@@ -111,7 +113,7 @@
111
113
  </d2l-menu-item>
112
114
  </d2l-menu>
113
115
  </d2l-menu-item>
114
- <d2l-menu-item text="The Night Sky">
116
+ <d2l-menu-item text="Aliens, The Search Extraterrestrial Life, Unidentified Flying Objects, and Other Astronomical Phenomenon">
115
117
  <d2l-menu>
116
118
  <d2l-menu-item text="Constellations"></d2l-menu-item>
117
119
  <d2l-menu-item text="Mapping the Heavens"></d2l-menu-item>
package/components/menu/demo/radio-menu.html CHANGED
@@ -18,7 +18,7 @@
18
18
  <d2l-demo-snippet>
19
19
  <template>
20
20
  <d2l-menu id="menu" label="Radio Menu" style="max-width: 400px;">
21
- <d2l-menu-item-radio text="Radio Option 1 with a very long title that will be cut off" value="1"></d2l-menu-item-radio>
21
+ <d2l-menu-item-radio text="Radio Option 1 with an extremely long title that will only be cut off with an ellipsis after two lines" value="1"></d2l-menu-item-radio>
22
22
  <d2l-menu-item-radio text="Radio Option 2" value="2"></d2l-menu-item-radio>
23
23
  <d2l-menu-item-radio text="Radio Option 3" value="3"></d2l-menu-item-radio>
24
24
  </d2l-menu>
package/components/menu/menu-item-link.js CHANGED
@@ -48,8 +48,6 @@ class MenuItemLink extends MenuItemMixin(LitElement) {
48
48
  overflow-x: hidden;
49
49
  padding: 0.75rem 1rem;
50
50
  text-decoration: none;
51
- text-overflow: ellipsis;
52
- white-space: nowrap;
53
51
  }
54
52
  `
55
53
  ];
package/components/menu/menu-item-styles.js CHANGED
@@ -50,12 +50,15 @@ export const menuItemStyles = css`
50
50
  }
51
51
 
52
52
  .d2l-menu-item-text {
53
+ -webkit-box-orient: vertical;
54
+ display: -webkit-box;
53
55
  flex: auto;
56
+ -webkit-line-clamp: 2;
54
57
  line-height: 1rem;
58
+ overflow-wrap: anywhere;
55
59
  overflow-x: hidden;
56
60
  overflow-y: hidden;
57
- text-overflow: ellipsis;
58
- white-space: nowrap;
61
+ white-space: normal;
59
62
  }
60
63
 
61
64
  .d2l-menu-item-supporting {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.82.1",
3
+ "version": "2.82.2",
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",