Comprehensive framework for menu item removal in Sisense

For a styling change related to the is Use Case, when removing a large amount of menu items the menu may become narrower, to set the menu width to a set width use the widget, dashboard script below, or include it within a plugin. This can also be used in scenarios where no menu items are removed, but the menu is preferred to be wider.

Set Width of Sisense Menu Items Manually:

//Set Width of Sisense Menu Items Manually:
widget.on("initialized", function onInitialized(w, args) {
  // CSS to inject, increase Sisense menu width, change "225px" with desired width
  const css = `
  .menu-host .menu-item-host .menu-content,
  .menu-host .menu-item-host .menu-item,
  .menu-host .menu-item-host .menu-item.mi-separator,
  .menu-item-container {
    width: 225px;
    min-width: 225px;
    max-width: 225px;
  }
  `;

  const styleId = "sisense-custom-menu-width-style";

  // Prevent duplicate injection
  if (document.getElementById(styleId)) {
    return;
  }

  const styleEl = document.createElement("style");
  styleEl.id = styleId;
  styleEl.type = "text/css";
  styleEl.appendChild(document.createTextNode(css));

  document.head.appendChild(styleEl);
});