Change size of reset button on table filter macro

Teleperfomance Agent

Hello, I have a table with info and use a table filter macro, to filter through the data. To reset it, there is a little reset button on the right-hand side. The question is whether it's possible to enlarge this icon, so it becomes easier for our users to click it. Thanks!

Andrey Khaneev _StiltSoft_

Hello,

You can use HTML macro with custom CSS to enlarge the button and remove other buttons:

<style>
div.tableFilterCbStyle .tf-btn-container button.filter-reset {
    background: none !important;
    height: 36px;
    width: 32px;
}


div.tableFilterCbStyle .tf-btn-container button.filter-reset:after {
    content: "\f1a7";
    font-size: 32px;
    margin-top: -16px;
    color: inherit;
    font-family: Atlassian Icons;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    speak: none;
    top: 50%;
}


div.tableFilterCbStyle button.disableLock,
.tf-settings-wrapper {
    display: none;
}
</style>