<style include="shared-style">
:host {
align-items: center;
display: grid;
grid-template-columns: 1fr auto;
line-height: normal;
}
cr-icon-button {
--cr-icon-button-icon-size: 16px;
--cr-icon-button-size: 20px;
--cr-icon-button-margin-start: 0;
--cr-icon-button-margin-end: 0;
}
/* This allows wrapping words into up to 3 lines,
the last word is elided if it overflows. */
.elide-text-after-three-lines {
-webkit-line-clamp: 3; /* Number of lines to show */
overflow: hidden;
text-overflow: ellipsis;
}
</style>
<span class="elide-text-after-three-lines">
<slot></slot>
</span>
<cr-icon-button iron-icon="cr:help-outline" id="helpButton"
title="$i18n{help}" on-click="onHelpClick_" suppress-rtl-flip>
</cr-icon-button>