added collapsible sub-groups & wiki pages

[ci skip]

1 files changed, 20 insertions, 0 deletions

diff --git a/app/assets/javascripts/breadcrumb.js b/app/assets/javascripts/breadcrumb.js
new file mode 100644
index 00000000000..7dfdf844325
--- /dev/null
+++ b/app/assets/javascripts/breadcrumb.js
@@ -0,0 +1,20 @@
+export const addTooltipToEl = (el) => {
+  if (el.scrollWidth > el.offsetWidth) {
+    el.setAttribute('title', el.textContent);
+    el.setAttribute('data-container', 'body');
+    el.classList.add('has-tooltip');
+  }
+};
+
+export default () => {
+  const breadcrumbs = document.querySelector('.breadcrumbs-list');
+  const topLevelLinks = breadcrumbs.querySelectorAll('.breadcrumbs-list > li > a');
+  const $expander = $('.js-breadcrumbs-collapsed-expander');
+
+  topLevelLinks.forEach(el => addTooltipToEl(el));
+
+  $expander.closest('.dropdown')
+    .on('show.bs.dropdown hide.bs.dropdown', () => {
+      $expander.toggleClass('open');
+    });
+};