pinafore/src/routes/_components/settings/SettingsListButton.html

<a {href} on:click="fire('click', event)" rel="prefetch" aria-label={ariaLabel || label} class="settings-list-button {className ? className : ''}">
  <span>
    {label}
  </span>
</a>
<style>
  .settings-list-button {
    display: flex;
    flex-grow: 1;
  }
  .settings-list-button span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
</style>
<script>
  export default {
    data: () => ({
      ariaLabel: void 0,
      className: void 0
    })
  }
</script>