diff --git a/src/assets/interface-icons/section-expand-collapse.svg b/src/assets/interface-icons/section-expand-collapse.svg
new file mode 100644
index 00000000..c9cf291e
--- /dev/null
+++ b/src/assets/interface-icons/section-expand-collapse.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 9c38e9ab..a064eb67 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -195,6 +195,7 @@
"section": {
"open-section": "Open Section",
"edit-section": "Edit",
+ "expand-collapse": "Expand / Collapse",
"move-section": "Move To",
"remove-section": "Remove"
}
diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index db649eba..1d34a5b6 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -94,6 +94,7 @@
v-click-outside="closeContextMenu"
@openEditSection="openEditSection"
@navigateToSection="navigateToSection"
+ @expandCollapseSection="expandCollapseSection"
@removeSection="removeSection"
/>
@@ -250,6 +251,12 @@ export default {
router.push({ path: `/home/${sectionIdentifier}` });
this.closeContextMenu();
},
+ /* Toggle sections collapse state */
+ expandCollapseSection() {
+ const secElem = this.$refs[this.sectionRef];
+ if (secElem) secElem.toggle();
+ this.closeContextMenu();
+ },
/* Open the Section Edit Menu */
openEditSection() {
this.editMenuOpen = true;
diff --git a/src/components/LinkItems/SectionContextMenu.vue b/src/components/LinkItems/SectionContextMenu.vue
index 7f7d16e7..c6bcbcf5 100644
--- a/src/components/LinkItems/SectionContextMenu.vue
+++ b/src/components/LinkItems/SectionContextMenu.vue
@@ -12,6 +12,10 @@