UX: Ellipsis hamburger menu link text when overflowing (PR #11715)


This pull request has been mentioned on Discourse Meta. There might be relevant details there:

.categories-link only applies to the link in red here

I think the best target for this style is probably…

.hamburger-panel a.widget-link

We also have a mixin for truncation… so it can be simplified to

.hamburger-panel a.widget-link {
  width: 100%;
  box-sizing: border-box;
  @include ellipsis;

I added box-sizing: border-box in there because otherwise there’s still some slight overflow into the link’s padding.