diff --git a/CHANGELOG.md b/CHANGELOG.md
index b0f7910b9..ed68a4b13 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -269,6 +269,58 @@ Changelog is rather internal in nature. See release notes for the public overvie
## Version 3.x.x (`release-v3` branch)
+- [#611]
+ - **Description:** Adds a new `maxWidth` prop
+ - **Products impact:** new API
+ - **Addresses:** https://github.com/learningequality/kolibri-design-system/issues/595
+ - **Components:** KTooltip
+ - **Breaking:** no
+ - **Impacts a11y:** no
+ - **Guidance:** -
+
+[#611]: https://github.com/learningequality/kolibri-design-system/pull/611
+
+- [#612]
+ - **Description:** Prevent KListWithOverflow hidden elements from taking up space on the screen.
+ - **Products impact:** bugfix.
+ - **Addresses:** - .
+ - **Components:** KListWithOverflow.
+ - **Breaking:** no.
+ - **Impacts a11y:** no.
+ - **Guidance:** - .
+
+- [#612]
+ - **Description:** Scope the styles of the KListWithOverflow component.
+ - **Products impact:** bugfix.
+ - **Addresses:** - .
+ - **Components:** KListWithOverflow.
+ - **Breaking:** no.
+ - **Impacts a11y:** no.
+ - **Guidance:** - .
+
+[#612]: https://github.com/learningequality/kolibri-design-system/pull/612
+
+- [##603]
+ - **Description:** Adds thumps down icon that is needed in Studio for search recomendation work.
+ - **Products impact:** New Icon
+ - **Addresses:** [#4450](https://github.com/learningequality/studio/issues/4450)
+ - **Components:** N/A
+ - **Breaking:** No
+ - **Impacts a11y:** No
+ - **Guidance:**
+[#603]: https://github.com/learningequality/kolibri-design-system/pull/603
+
+- [#605]
+ - **Description:** Adds the `dropup` icon
+ - **Products impact:** New icon
+ - **Addresses:** https://github.com/learningequality/kolibri-design-system/issues/594
+ - **Components:** -
+ - **Breaking:** no
+ - **Impacts a11y:** -
+ - **Guidance:** -
+
+[#605]: https://github.com/learningequality/kolibri-design-system/pull/605
+
- [#586]
- **Description:** Adds a new prop `constrainToScrollParent ` to `KDropdownMenu` to allow overriding of its popover flipping behavior.
- **Products impact:** Bugfix
diff --git a/custom-icons/dropup.svg b/custom-icons/dropup.svg
new file mode 100644
index 000000000..41c171629
--- /dev/null
+++ b/custom-icons/dropup.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/rstIconReplacements.txt b/docs/rstIconReplacements.txt
index c4c9dafa4..82095383e 100644
--- a/docs/rstIconReplacements.txt
+++ b/docs/rstIconReplacements.txt
@@ -51,6 +51,7 @@
.. |dragHorizontal| replace:: :raw-html:``
.. |dragVertical| replace:: :raw-html:``
.. |dropdown| replace:: :raw-html:``
+.. |dropup| replace:: :raw-html:``
.. |edit| replace:: :raw-html:``
.. |email| replace:: :raw-html:``
.. |emptyTopic| replace:: :raw-html:``
@@ -166,6 +167,8 @@
.. |star| replace:: :raw-html:``
.. |superadmin| replace:: :raw-html:``
.. |systemUpdate| replace:: :raw-html:``
+.. |thumbDown| replace:: :raw-html:``
+.. |thumbUp| replace:: :raw-html:``
.. |timer| replace:: :raw-html:``
.. |topic| replace:: :raw-html:``
.. |trash| replace:: :raw-html:``
diff --git a/lib/KIcon/iconDefinitions.js b/lib/KIcon/iconDefinitions.js
index 1c05266e7..d9022b812 100644
--- a/lib/KIcon/iconDefinitions.js
+++ b/lib/KIcon/iconDefinitions.js
@@ -29,6 +29,9 @@ const KolibriIcons = {
dropdown: {
icon: require('./precompiled-icons/material-icons/arrow_drop_down/baseline.vue').default,
},
+ dropup: {
+ icon: require('./precompiled-icons/le/dropup.vue').default,
+ },
back: {
icon: require('./precompiled-icons/material-icons/arrow_back/baseline.vue').default,
rtlFlip: true,
@@ -69,6 +72,12 @@ const KolibriIcons = {
// Features and links
learn: { icon: require('./precompiled-icons/material-icons/school/baseline.vue').default },
+ thumbUp: {
+ icon: require('./precompiled-icons/material-icons/thumb_up/baseline.vue').default,
+ },
+ thumbDown: {
+ icon: require('./precompiled-icons/material-icons/thumb_down/outline.vue').default,
+ },
device: { icon: require('./precompiled-icons/material-icons/tablet_mac/baseline.vue').default },
profile: {
icon: require('./precompiled-icons/material-icons/account_circle/baseline.vue').default,
diff --git a/lib/KIcon/precompiled-icons/le/dropup.vue b/lib/KIcon/precompiled-icons/le/dropup.vue
new file mode 100644
index 000000000..08d32977e
--- /dev/null
+++ b/lib/KIcon/precompiled-icons/le/dropup.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/lib/KListWithOverflow.vue b/lib/KListWithOverflow.vue
index db8d852da..12fc915cb 100644
--- a/lib/KListWithOverflow.vue
+++ b/lib/KListWithOverflow.vue
@@ -150,8 +150,10 @@
if (itemWidth >= availableWidth || overflowItemsIdx.length > 0) {
overflowItemsIdx.push(i);
item.style.visibility = 'hidden';
+ item.style.position = 'absolute';
} else {
item.style.visibility = 'visible';
+ item.style.position = 'unset';
maxWidth += itemWidth;
availableWidth -= itemWidth;
const itemHeight = itemsSizes[i].height;
@@ -238,7 +240,7 @@
-