pinafore/src/routes/_components/settings/SettingsListButton.html
Nolan Lawson 2a96e0eeda
fix: minor fixups for accessibility and responsive design (#948)
* fix: minor fixups for accessibility and responsive design

* fix lint
2019-02-06 22:23:54 -08:00

23 lines
424 B
HTML

<a {href} 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
})
}
</script>