page: txp5
form: txp5_scss
_txp-actions.scss
modified 3 days ago
.txp-actions {
display: flex;
gap: var(--base-unit);
button {
border: 0;
padding: 0;
&:hover {
background-color: var(--clr-bg);
}
}
.ui-icon {
//display: inline-block;
display: none;
margin-inline-end: var(--base-unit);
}
}
#supporting_content:has(.txp-actions button:hover)
.txp-summary a:before {
border: var(--border-width) solid var(--clr-brand);
margin: calc( var(--border-width) * -1);
margin-right: calc(var(--base-unit--ss) + var(--border-width) * -1);
//background-color: var(--clr-brand);
}
Source html
<p class="txp-actions"><button class="txp-expand-all txp-reduced-ui-button" aria-controls="supporting_content"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span> Expand all</button><button class="txp-collapse-all txp-reduced-ui-button" aria-controls="supporting_content"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span> Collapse all</button></p>