<style include="cr-hidden-style print-preview-shared">
:host {
border-top: var(--print-preview-settings-border);
display: block;
}
:host([disabled]) {
pointer-events: none;
}
div {
align-items: center;
display: flex;
font: inherit;
margin: 0;
min-height: 48px;
}
:host cr-expand-button {
flex: 1;
/* Padding here as cr-expand-button has a background on hover. */
padding-inline-end: calc(var(--print-preview-sidebar-margin) + 6px);
padding-inline-start: var(--print-preview-sidebar-margin);
--cr-expand-button-size: 28px;
}
:host([hidden]) {
display: none;
}
:host([disabled]) #label {
opacity: var(--cr-disabled-opacity);
}
</style>
<div on-click="toggleExpandButton_" actionable>
<cr-expand-button aria-label="$i18n{moreOptionsLabel}"
expanded="{{settingsExpandedByUser}}" disabled="[[disabled]]">
<div id="label">$i18n{moreOptionsLabel}</div>
</cr-expand-button>
</div>